@charset "utf-8";

.wrapper {
	position: relative;
}

.container {
	position: relative;
	min-height: 300px;
	padding-top: 50px;
}

/* AppView Class 추가 */
.container.appview {
	position: relative;
	min-height: 300px;
	padding-top: 0px !important;
}
/* main boxsizing bug */


.webL .maincontent {
	padding:0;
	max-width:1600px;
	margin:0 auto
}


.ly-subcontent {
	min-width:320px;
	max-width:1260px;
	width:100%;
	margin:0 auto;
	/*padding:0 15px;*/
}

.opt-main-contit {font-size:20px; font-family: arb, ygb, sans-serif; padding-left:15px;}
.subpage .sub-contit {height:80px; line-height:80px; text-align:center;}

.com-web80per {max-width:960px; margin:0 15px;}
.com-web80per:after {
	content:'';
	display: block;
	clear:both;
}

/* snsutil */
.snsutil {min-height:36px;}

.tablet .container {
    padding-top: 80px;
}

.tablet .com-web80per {margin:0 30px;}
.tablet .opt-main-contit {padding-left:0; font-size:24px;}

.web.subpage .container {
    padding-top: 162px;
}
.web.subpage .sub-contit {height:115px; line-height:115px;}
.web .com-web80per {width:100%; margin:0 auto;}

.web .container {padding-top: 162px;}

.webM .opt-main-contit {font-size:30px;}


.header-ribbon{
	position: fixed;
	left:0;
	top:0;
	height:160px;
	width: 100%;
	overflow: hidden;
	background-color: #262626;
	z-index:100;
}

.ribbon-con {
	height:160px;
}
@charset "utf-8";

.header-wrap .snsutil { display: none;}
.footer-wrap .snsutil a {display:inline-block; float:none; padding-right:10px;}
.snsutil a img {width:32px;}

.header-wrap .mobgnb-bottom .snsutil {
	display: block;
	padding-bottom: 15px;
}

.header-wrap .mobgnb-bottom .snsutil a {
	display: inline-block;
	padding-left: 10px;
	padding-right: 0;
}

.header-wrap .mobgnb-bottom .snsutil a:first-child {
	display: inline-block;
	padding-left: 0;
}

.web .header-wrap .snsutil {
    display: block;
    position: absolute;
    left:30px;
    top:30px;
}

.web .snsutil a {
    float: left;
    margin-right:10px;
}

.web .footer-wrap .snsutil a {margin-right:0; padding-right:8px; float:none;}
.web .snsutil a img {width:32px;}

.web .header-wrap .header-gnb .snsutil {
    display: none;
}

.web .footer-wrap .snsutil {
    position: relative;
    margin-top:-60px;
    text-align:center;
}
@charset "utf-8";

.siteutil ul li {display:inline;font-size:11px;}/* 16.05.13 font-size 추가 */
.siteutil ul li:before {content:"l"; padding:0 9px 0 7px; color:#d1d1d1;}
.siteutil ul li:first-child:before {content:""; padding:0;}
.siteutil ul li a {color:#444}
.header-wrap .siteutil {display: none;}

.web .header-wrap .siteutil {display: block;position: absolute;right: 30px;top: 40px; text-align:right;}
@charset "utf-8";

.jqListbox-adapt {position:relative;display:block;height:47px;}
.jqListbox-adapt select {width:100%;height:100%;margin:0;padding:0;border:none;}
.jqListBox {position:relative;top:0;left:0;display:inline-block; /**display:inline; */ width:100%;vertical-align:top;font-size:13px; font-family:arm, ygm, AppleGothic, sans-serif;}
.jqListBox * {margin:0;padding:0;vertical-align:middle;text-decoration:none;}
.jqListBox-combo {display:block;height:43px;white-space:nowrap;font-size:17px;line-height:43px;color:#292a37;cursor:pointer; /*zoom:1;*/ border:1px solid #d4d4d7;}
.jqListBox-combo:after {content:"";display:block;clear:both}
.jqListBox-combo-txt {padding-right:38px; padding-left:10px;width:100%;float:left;overflow:hidden;text-overflow:ellipsis;}
.jqListBox-combo-arrow {position:absolute; right:2px; top:0;width:28px;height:100%;background:url("common/css/jqListbox/jqlistbox-arrow.png") no-repeat 0 50%;}
.jqListBox-combo-arrow.on {background-position:-29px 50%;}
.jqListBox-list {overflow-x:hidden;overflow-y:auto;position:absolute;top:auto;left:0;background:#fff;border:1px solid #ccc;list-style:none;z-index:1;}
.jqListBox-option{display:block;overflow:hidden;height:22px;padding:3px 0;text-indent:10px;color:#606060;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.jqListBox-option:focus,
.jqListBox-option:hover,
.jqListBox-option.selected {background-color:#f0f7fb;color:#2366b2;}

.jqdate .jqListBox-list {height:186px; overflow-x: hidden; overflow-y: scroll;}

.retina .jqListBox-combo-arrow {background-image:url("common/css/jqListbox/jqlistbox-arrow@2x.png");background-size:56px 7px;}


@charset "utf-8";



.UIslider { overflow: hidden; width: 100%; }
.UIslider-container {overflow: hidden; width: 100%;}
.UIslider-content { display: block; font-size:0; width: 100%;}
.UIslider-item { float: left; /* width: 100%; */ }
.UIslider-box { width: 100%; font-size: 0;}
.UIslider-item .UIslider-con { width: 100%; display: inline-block;}
.UIslider-item .UIslider-con img{ width: 100%;}

.UIindicator button {width:24px; height:24px;}
.UIindicator button>img { width: 100%;}

.UIautorun button {}
.UIautorun button>img {width:9px;}

@charset "utf-8";

.relaproduct-slider {padding-bottom:60px; position:relative; text-align:center; padding-top:20px;}
.relaproduct-slider-wrap ul:after {content:""; display:block; clear:both;}
.relaproduct-slider-item {width:100%; float:left; padding:0 10px;}
.relaproduct-slider-wrap .UIslider-item { width: 100%; }
.relaproduct-slider-wrap .UIslider-item .UIslider-box{ text-align: left;}
.relaproduct-slider-wrap .UIslider-item a{ width: 50%; text-align: center; vertical-align:top;}
.relaproduct-slider-itemimg img {width:120px;}
.relaproduct-slider-itemtxt {padding-top:25px;}

.relaproduct-slider .slider-indicator { display: inline-block;}
.relaproduct-slider-btn {display:none; position:absolute; width:13px; top:90px; z-index:10;}
.relaproduct-slider-btn img {width:100%;}
.relaproduct-slider-btn.prev {left:0;}
.relaproduct-slider-btn.next {right:0;}




.tablet .relaproduct-slider {padding:0 30px 50px 30px;}
.tablet .relaproduct-slider .UIslider-item { padding-top: 20px; vertical-align: top;}
.tablet .relaproduct-slider .UIslider-item a{vertical-align: top;}
.tablet .relaproduct-slider .slider-pagerbox {bottom:0;}
.tablet .relaproduct-slider-wrap {margin:0 -12px;}
.tablet .relaproduct-slider-wrap .UIslider-item a{ width: 25%;}
.tablet .relaproduct-slider-itemtxt {padding-top:0;}

.tablet .relaproduct-slider-item {width:25%; padding:0 12px;}
.tablet .relaproduct-slider-btn {display:block;}




.web .relaproduct-slider {border-bottom:none; padding:0 0 60px 0;}
.web .relaproduct-slider-wrap {margin:0;}
.web .relaproduct-slider-wrap .UIslider-item a{ width: 20%;}

.web .relaproduct-slider-item {width:20%;}
.web .relaproduct-slider-itemimg img {width:180px; max-width:180px;}
.web .relaproduct-slider-itemtxt {padding-top:10px;}
.web .relaproduct-slider-btn {top:110px;}

@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}


@-webkit-keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

@keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none;
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none;
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInDown {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes bounceInRight {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0);
	}

	100% {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	50%, 55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
	}

	40%, 45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay : 200ms;
	animation-delay : 200ms;
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%, 80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	100% {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
@charset "utf-8";

/* view sns share */
.com-subshare {position:relative; max-width:1260px; margin:0 auto;}
.com-subshare-wrap {position:absolute; width:100%; top:30px;}
.com-subshare-btn button {display:none; position:absolute; right:15px; top:5px; width:20px;}
.com-subshare-btn button > img {width:100%;}
.com-subshare-btn button.show {display:block;}
.com-subshare-list {display:none; text-align:center; margin:30px -15px 0 -15px; width:100%; background:#f7f7f7; padding:14px 0;}
.com-subshare-list.show {display:block;}
.com-subshare-wrap .com-subshare-list.show {display:none;}
.com-subshare-list li {display:inline-block; padding-left:7px;}
.com-subshare-list li a img {width:32px;}

.tablet .com-subshare-wrap {top:-45px; right:0; width:160px;}
.tablet .com-subshare-btn {display:none;}
.tablet .com-subshare-wrap .com-subshare-list {display:block !important; background:none; margin:0; padding:0 30px 0 0; text-align:right;}
@charset "utf-8";


.mttlb {}
.bdt {border-top:solid 1px #e4e4e4;}
.bdb {border-bottom:solid 1px #e4e4e4;}
.reservation strong {font-weight:bold;}
.mt3 {margin-top:3px;} .mt10 {margin-top:10px;}
.ml5 {margin-left:5px;} .ml30 {margin-left:30px;}
.mb65 {margin-bottom:65px;}

.subpage .opt-stb2 {font-size:22px;line-height:28px;}

input.ip_chk {vertical-align:-1px;}

.btn {padding:12px 0 9px;width:148px;text-align:center;color:#000;font-size:16px;background:#fff;border:solid 1px #e4e4e4;display:inline-block;}
.btn-blue {border:solid 1px #6cbff3;background:#8cd3ff;}

/* 예약시스템 메인 */
.tab-frame {width:900px;overflow:hidden;margin:0 auto;}
.anchor {display:block;height:134px;margin-top:-84px;visibility:hidden;}/* 16.11.02 bdsnack 윤지혜 수정 -134 -> 84 */

.tab-detail-con {width:100%;}
.tab-detail-con .tab-deco-box {max-width:1200px;margin:0 30px;}
.tab-detail-con .tdc-box {padding:64px 90px;position:relative;}
.tab-detail-con h3 {color:#106ea8;font-size:30px;font-weight:bold;margin-bottom:40px;}
.tab-detail-con h3 span {background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/bg_icon.png") no-repeat right 9px;padding:6px 50px 9px 0;}
.tab-detail-con .li-st {width:100%;overflow:hidden;}
.tab-detail-con .li-st:after {clear:both;display:block;content:"";}
.tab-detail-con .li-st li {float:left;}
.tab-detail-con .li-st li:first-child {margin-left:0;}
.tab-detail-con .col-3 li {width:31%;margin-left:3.5%;}
.tab-detail-con .col-4 li {width:22%;margin-left:4%;}
.tab-detail-con .li-st li p.tit-box {background:#323232;text-align:center;width:100%;padding:18px 0;height:120px;}
.tab-detail-con .li-st li p.tit-box span {color:#fff;font-size:12px;line-height:18px}
.tab-detail-con .li-st li img {width:100%;}
.tab-detail-con .li-st li img.img_txt {display:block;width:90%;margin:0 auto;margin-bottom:10px;}
.tab-detail-con .bg_tit {background:#8c9aff url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/reservation-bar.jpg") no-repeat left top;height:50px;color:#fff;font-size:24px;line-height:30px;padding:12px 0 0 20px;margin-top:20px;}
.tab-detail-con .bg_tit2 {background:#8cd3ff url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-water-bank/reservation-bar.jpg") no-repeat left top;height:50px;color:#fff;font-size:24px;line-height:30px;padding:12px 0 0 20px;margin-top:20px;}
.tab-detail-con .img_box {border:solid 1px #e4e4e4;position:relative;}
.tab-detail-con .img_box:after {clear:both;display:block;content:"";}
.tab-detail-con .img_box img {float:left;width:50%;}
.tab-detail-con .res_box {width:50%;padding:39px 30px 0 30px;}
.tab-detail-con .res_box ul li {list-style:disc;list-style-position:inside;font-size:16px;color:#000;margin-bottom:5px;}
.tab-detail-con .res_box .btn_box {margin-top:60px;text-align:left;}
.tab-detail-con .res_box .btn_box a {margin:0 5px;}
.tab-detail-con .map_box {margin-bottom:30px}
.tab-detail-con .map_box:after {clear:both;display:block;content:"";}
.tab-detail-con .map_box .map_info {}
.tab-detail-con .map_box .shop_info dl {font-size:14px;color:#000;margin-bottom:5px;}
.tab-detail-con .map_box .shop_info dl:after {clear:both;display:block;content:"";}
.tab-detail-con .map_box .shop_info dt {float:left;font-weight:bold;}
.tab-detail-con .map_box .shop_info dt.box {color:#fff;padding:3px 8px 1px;}
.tab-detail-con .map_box .shop_info dt.blue {background:#5b76bb;}
.tab-detail-con .map_box .shop_info dt.green {background:#4e7731;}
.tab-detail-con .map_box .shop_info dt.red {background:#c00000;}
.tab-detail-con .map_box .shop_info dd {float:left;margin-left:5px;}
.tab-detail-con .map_box .shop_info dd.box {margin-top:3px;}
.tab-detail-con .map_box .opt-fl, .tablet .tab-detail-con .map_box .opt-fr {float:none;}
.tab-detail-con .map_box .map {width:100%;margin-bottom:30px;height:390px;background:#e4e4e4;}
.tab-detail-con .map_box .map_info > p {float:left;}
.tab-detail-con .map_box .map_info .mif {float:left;margin-left:35px;}
.tab-detail-con .map_box .map_info .mif dd br {display:none;margin-left:5px;}
.tab-detail-con .map_box .map_info .mif .map_exp {padding-top:20px; color:#f00; font-size:14px; line-height:20px;}

/* 예약하기 */
.reservation_section {border-top:solid 1px #e4e4e4;padding:40px 30px;}
.reservation_section h3 {}
.rsv_s .table {width:100%;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;border-collapse:separate;}
.rsv_s .table th {background:#f9f9f9;border-bottom:solid 1px #efefef;padding:5px 20px;font-size:14px;color:#000;text-align:left;}
.rsv_s .table th.h_bg {background:#f9f9f9 url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/bg_th.gif") no-repeat right center;padding:20px 0;text-align:center;}
.rsv_s .table td {border-bottom:solid 1px #efefef;padding:10px 0 10px 20px;}
.rsv_s .table td.bd_r {border-right:solid 1px #e4e4e4;}
.rsv_s .table tr.last th, .rsv_s .table tr.last td {border-bottom:none;}
.rsv_s .table input[type=text], .rsv_s .table input[type=tel], .rsv_s .table input[type=password], .rsv_s .table input[type=number] {padding-left:10px;height:40px;line-height:40px;border:1px solid #e0e0e0;vertical-align:middle;box-sizing:border-box;}
.rsv_s .opt-tc th {padding-left:0;padding-right:0;text-align:center;}
.rsv_s .opt-tc td {padding-left:10px;padding-right:10px;text-align:center;}
/*.rsv_s .jqListBox-combo {border:none;}*/
.rsv_s .dSelect .jqListBox .jqListBox-combo {height:38px;line-height:38px;}
.s03_04 .dSelect.tel {width:100px;}
.rsv_s .table input.onlyNumber {width:100px;}
.rsv_s .table input.calendar {background:#fff url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/icon_calendar.gif") no-repeat 96% center;}
.rsv_s .table tr.dim th, .rsv_s .table tr.dim td{color:#ddd;}
.rsv_s .table tr.dim td button, .rsv_s .table tr.dim td button span {background:#eee;color:#ddd;}


.bd_box {border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;background:#f9f9f9;padding:28px 25px;}
.bd_box li {background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/blt_01.gif") no-repeat left 7px;padding-left:10px;font-size:14px;color:#000;margin:5px 0;}

.agree_txt_box {padding:19px 22px;border:solid 1px #ccc;}
.agr_tbl {width:100%;}
.agr_tbl th {background:#f9f9f9;border:solid 1px #ddd;border-left:none;padding:8px 0;}
.agr_tbl th:first-child {border-left:solid 1px #ddd;}
.agr_tbl td {border:solid 1px #ddd;border-left:none;border-top:none;text-align:center;padding:8px 0;}
.agr_tbl td.td1 {padding:18px 0;font-size:14px;}
.agr_tbl td:first-child {border-left:solid 1px #ddd;}

.bgc_box {background:#f9f9f9;padding:43px 0 42px;}

.reservation_section .btnBox {border-top:none;}
.reservation_section .btnBox .button {}
.reservation_section .quadbtn {margin:0 5px;}
.reservation_section .quadbtn span {display:block;height:70px;line-height:70px;padding:0 80px;text-align:center;font-size:18px;background:#fff;border:solid 1px #e4e4e4;}
.reservation_section .quadbtn.small span {height:30px;line-height:30px;padding:0;font-size:12px;width:90px;}
.reservation_section .quadbtn.quadbtn-blue span {background-color:#0f73b9; color:#fff;}

/* 팝업 */
.laypop {background:#fff;border:solid 1px #7c9ed5;z-index:9999;position:absolute;left:50%;}
.laypop .head {background:#f9f9f9;border-bottom:solid 1px #e0e0e0;}
.laypop .head .title {padding:22px 0 17px 36px;font-size:18px;color:#000;font-weight:bold;}
.laypop .pbody {padding:40px 37px;}
.laypop .pbody .p_tbl {border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;border-collapse:separate;width:100%;}
.laypop .pbody .p_tbl tr.last th, .laypop .pbody .p_tbl tr.last td {border-bottom:none;}
.laypop .pbody .p_tbl th {background:#f9f9f9;text-align:left;padding:12px 0 12px 30px;vertical-align:middle;font-size:14px;color:#000;border-bottom:solid 1px #e4e4e4;}
.laypop .pbody .p_tbl td {padding:12px 0 12px 20px;border-bottom:solid 1px #e4e4e4;}
.laypop .pbody .p_tbl td.txt {padding:20px 0 20px 20px;font-size:14px;vertical-align:middle;}
.laypop .pbody .exp {margin-left:20px;}
.laypop .pbody .exp li {list-style:square; line-height:20px;}
.laypop .pbody input {border:solid 1px #e4e4e4;height:38px;line-height:38px;padding:0 15px;}
.laypop .closep {position:absolute;top:23px;right:31px;}
.laypop .s03_04 input.w90 {width:90%;}
.laypop .quadbtn {padding:13px 60px 10px;color:#000;}
.laypop .quadbtn-skyblue {background:#8cd3ff;border:solid 1px #6cbff3;}
.laypop .quadbtn span {font-size:16px;}
.li_txt li {background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/blt_01.gif") no-repeat left 5px;padding-left:10px;font-size:12px;color:#000;margin:5px 0;}
.reser_confirm {width:600px;top:20%;position:fixed;margin-left:-300px;}
.reser_comp {width:600px;top:5%;position:fixed;margin-left:-300px;}
.mobile .reser_confirm {width:100%;top:20%;left:0;margin-left:0}
.notice {width:600px;top:58%;margin-left:-300px;}
.notice .p_tbl th {font-weight:bold;}
.notice .p_tbl td {font-size:14px;}
.notice .p_tbl ul li {list-style:disc;list-style-position:inside;font-size:14px;color:#000;margin-bottom:5px;}


/* SOKB Offline-class */
.tab-detail-con .bg_tit.pink {background:#eb6190 url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/school-of-k-beauty/offline-class/offline-bar.jpg") no-repeat left top;}
.sokb .tab-detail-con .img_box p.opt-fl {width:47%;}
.sokb .tab-detail-con .img_box img {float:none;width:100%;}
.sokb .tab-detail-con .res_box {width:50%;padding:25px 20px 25px 0;}
.sokb .tab-detail-con .res_box .txt_01 {font-size:28px;}
.sokb .tab-detail-con .res_box .txt_01 span {display:block;}
.sokb .tab-detail-con .res_box .txt_02 {font-size:16px;font-weight:bold;padding-top:22px;padding-bottom:8px;}
.sokb .tab-detail-con .res_box .li-tp1 li {font-size:14px;}
.sokb .tab-detail-con .res_box .kb-dl {display:table-row;}
.sokb .tab-detail-con .res_box .kb-dl dt {display:table-cell;font-size:16px;font-weight:bold;vertical-align:top;padding-top:20px;}
.sokb .tab-detail-con .res_box .kb-dl dd {display:table-cell;font-size:14px;padding-left:15px;vertical-align:top;padding-top:20px;}

@media (max-width:1210px){
    .tab-detail-con .tdc-box {padding-left:0;padding-right:0;}
    .tab-detail-con .res_box {width:46%;padding-top:20px;}
    .tab-detail-con .res_box ul li {font-size:15px;}
    .tab-detail-con .res_box .btn_box {margin-top:25px;}

}
@media (max-width:1070px){
    .web .subpage .res_box p.opt-stb {font-size:18px;line-height:24px;}
    .web .subpage .res_box ul.opt-pts {padding-top:10px;}
    .tab-detail-con .res_box {padding-top:15px;padding-left:15px;}
    .tab-detail-con .res_box ul li {font-size:14px;}
    .tab-detail-con .res_box .btn_box {margin-top:15px;}
    .tab-detail-con .res_box .btn_box a {font-size:14px;}
}

@media (max-width:1000px){
    .tab-detail-con .img_box .opt-fl {float:none;width:100%;}
    .tab-detail-con .res_box {width:100%;padding-top:39px;}
    .sokb .tab-detail-con .img_box p.opt-fl {width:100%;}
	.sokb .tab-detail-con .res_box {width:100%;padding:35px 20px;}
	.sokb .tab-detail-con .res_box .txt_01 span {font-size:17px;}
}

.web .tab-detail-con .map_box .opt-fl {float:left;}
.web .tab-detail-con .map_box .opt-fr {float:right;}
.web .tab-detail-con .map_box .map {width:64%;height:800px;background:#e4e4e4;}
.web .tab-detail-con .map_box .map_info {width:34%;}
.web .tab-detail-con .map_box .map_info > p {float:none;}
.web .tab-detail-con .map_box .map_info .mif {float:none;margin-left:0;}
.web .tab-detail-con .map_box .map_info .mif dd br {display:block;}
.web .tab-detail-con .map_box_1 .map {height:788px;}
.web .tab-detail-con .map_box_2 .map {height:822px;}
.web .tab-detail-con .map_box_3 .map {height:896px;}
.webS .tab-detail-con .map_box .map_info {width:32%;}

.web .reservation_section {padding:40px 120px;}

.tablet .tab-frame {width:690px;}
.tablet .subpage .res_box p.opt-stb  {font-size:20px;}
/*.tablet .tab-detail-con .res_box {padding:39px 0 39px 20px;}*/
.tablet .tab-detail-con .res_box ul li {font-size:16px;}
.tablet .tab-detail-con .res_box .btn_box {margin-top:25px;}
.tablet .tab-detail-con .map_box .map {margin-bottom:15px;}

/* SOKB
.tablet .sokb .tab-detail-con .res_box {padding:25px 20px 25px 0;} */

@media (max-width:820px){
    .tab-detail-con .map_box .map_info .mif dd br {display:block;}
}

.mobile .tab-frame {width:100%;}
.mobile .tab-detail-con .tdc-box {padding:30px 0;}
.mobile .tab-detail-con .bg_tit {font-size:14px; padding-left:15px;}
.mobile .tab-detail-con .col-3 li {width:100%;margin-left:0;float:none;margin-bottom:20px;}
.mobile .tab-detail-con .col-4 li {width:48%;margin-left:0;margin-top:30px;}
.mobile .tab-detail-con .col-4 li:nth-child(2n) {margin-left:4%;}
.mobile .tab-detail-con .li-st li img.img_txt {width:100%;}
.mobile .tab-detail-con .li-st li p.tit-box {padding:18px 5px;}
.mobile .tab-detail-con .li-st li p.tit-box br {display:none;margin-left:5px;}
.mobile .tab-detail-con .res_box {padding:20px;}
.mobile .tab-detail-con .res_box ul li {font-size:13px;}
.mobile .tab-detail-con .btn {width:88px;}
.mobile .tab-detail-con .btn_box a {font-size:12px;}
.mobile .tab-detail-con .map_box .map {margin-bottom:15px;}
.mobile .tab-detail-con .map_box .map_info.opt-fr {float:none;}
.mobile .tab-detail-con .map_box .map_info > p {display:none;}
.mobile .tab-detail-con .map_box .map_info .mif {float:none;margin-left:0;}
.mobile .tab-detail-con .map_box .shop_info dt {margin-right:5px;}
.mobile .tab-detail-con .map_box .shop_info dd {margin-left:0;}
.mobile .tab-detail-con .map_box .map_info .mif dd br {display:none;}

.mobile .reservation_section {padding:30px 20px 0;}
.mobile .reservation_section .s03_04 .dSelect {width:90%;}
.mobile .reservation_section .s03_04 .dSelect.tel {width:30%;}
.mobile .rsv_s .table .th_width2 {width:26%;}
.mobile .rsv_s .table th {padding:5px 10px;}
.mobile .rsv_s .table input.onlyNumber {width:30%;}
.mobile .rsv_s .s03_04 input[type=text] {width:90%;}
.mobile .rsv_s .s03_04 span.ml5 {display:block;margin-top:5px;}
.mobile .dSelect select {opacity:1 !important;position:relative !important;display:block;} /* 16.08.04 추가 */
.mobile .bgc_box {padding:23px 0 22px;}
.mobile .bgc_box.opt-mbb {margin-bottom:20px;}
.mobile .reservation_section .mt10.opt-mbb {margin-bottom:20px;}
.mobile .reservation_section .quadbtn span {height:40px;line-height:40px;font-size:14px;padding:0 40px;}
.mobile .reservation_section .btnBox {padding-bottom:30px;}
.mobile .agr_tbl td {text-align:left;padding:8px 8px;} /* 16.08.04 추가 */

.mobile .reser_comp {width:98%;max-width:600px;left:1%;margin-left:0;}
.mobile .notice {width:98%;max-width:600px;left:1%;margin-left:0;top:64%;}
.mobile .notice .p_tbl ul li {font-size:13px;}
.mobile .laypop .head .title {padding:16px 0 11px 15px;font-size:16px;}
.mobile .laypop .pbody {padding:20px 10px;height:460px;overflow-y:auto;}
.mobile .laypop .pbody .p_tbl .p_col1 {width:25%;}
.mobile .laypop .pbody .p_tbl th {padding:16px 0 14px 10px;font-size:13px;}
.mobile .laypop .pbody .p_tbl td.txt {font-size:13px;padding:16px 0 14px 10px;}
.mobile .laypop .quadbtn {padding:3px 40px 3px }
.mobile .laypop .closep {top:13px;right:15px;}

/* SOKB */
.mobile .sokb .tab-detail-con .res_box .txt_01 {font-size:21px;}
.mobile .sokb .tab-detail-con .res_box .txt_01 span {font-size:14px;}
.mobile .sokb .tab-detail-con .res_box .kb-dl dt {display:block;}
.mobile .sokb .tab-detail-con .res_box .kb-dl dd {display:block;padding-left:0;padding-top:10px;}

/* 20160811 bdsnack 박혜리 dimmds 스타일 */
.dimmds {position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:9998;}

/* 20160811 bdsnack 박혜리 예약확인 테이블 스타일 */
.rsv_s2 .table {width:100%;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;border-collapse:separate;}
.rsv_s2 .table th {background:#f9f9f9;border-bottom:solid 1px #efefef;padding:5px 20px;font-size:14px;color:#000;text-align:left;}
.rsv_s2 .table th.h_bg {background:#f9f9f9 url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/bg_th.gif") no-repeat right center;padding:20px 0;text-align:center;}
.rsv_s2 .table td {border-bottom:solid 1px #efefef;padding:10px 0 10px 20px;}
.rsv_s2 .table td.bd_r {border-right:solid 1px #e4e4e4;}
.rsv_s2 .table tr.last th, .rsv_s2 .table tr.last td {border-bottom:none;}
.rsv_s2 .table tr.dim th, .rsv_s2 .table tr.dim td{color:#ddd;}
.rsv_s2 .table tr.dim td button, .rsv_s2 .table tr.dim td button span {background:#eee;color:#ddd;}
.rsv_s2 .table input[type=text], .rsv_s .table input[type=tel], .rsv_s .table input[type=password], .rsv_s .table input[type=number] {padding-left:10px;height:40px;line-height:40px;border:1px solid #e0e0e0;vertical-align:middle;box-sizing:border-box;}
.rsv_s2 .opt-tc th {padding-left:0;padding-right:0;text-align:center;}
.rsv_s2 .opt-tc td {padding-left:10px;padding-right:10px;text-align:center;}
/*.rsv_s .jqListBox-combo {border:none;}*/
.rsv_s2 .dSelect .jqListBox .jqListBox-combo {height:38px;line-height:38px;}
.s03_04 .dSelect.tel {width:100px;}
.rsv_s2 .table input.onlyNumber {width:100px;}
.rsv_s2 .table input.calendar {background:#fff url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/icon_calendar.gif") no-repeat 96% center;}

.web .rsv_s2.mobile_ver {display:none;}
.tablet .rsv_s2.mobile_ver {display:none;}
.mobile .rsv_s.pc_ver {display:none;}
.mobile .rsv_s2.mobile_ver {display:block;}
.mobile .rsv_s2.mobile_ver td {font-size:14px;text-align:left;}
.mobile .rsv_s2.mobile_ver td button{float:right;}
.mobile .rsv_s2.mobile_ver td button span {width:100%;line-height:20px;height:20px;padding:0 20px;font-size:12px;}

/* 20160812 bdsnack 박혜리 IE10, IE11 select 기본 외형숨기기 스타일 */
select::-ms-expand { display: none;}

/* 16.10.21 bdsnack 윤지혜 마이 투 톤 립 바 컬러칩 시뮬레이션 추가 */
.color_chip_simulation {/*background:#fff url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/out_color.png") no-repeat left top;background-size:100%;width:100%;height:1022px;*/position:relative;}
.outc_section {position:relative;}
.outc_section .select_chip {line-height:0;font-size:0;text-indent:-9999;display:inline-block;background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/out_chip.png") no-repeat left top;width:31px;height:31px;position:absolute;top:188px;left:68.5%;}
.inc_section {position:absolute;/*top:14.8%;left:16.6%;*/top:0;left:2.5%;}
.inc_section .select_chip {line-height:0;font-size:0;text-indent:-9999;display:inline-block;background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-two-tone-lip-bar/in_chip.png") no-repeat left top;width:31px;height:31px;position:absolute;top:321px;left:65.3%;}
.outc_img {text-align:center;}
.out_btn {width:100%;height:100%;position:relateve;}
.out_btn .btn {position:absolute;text-indent:9999;line-height:0;font-size:0;display:block;opacity:1;background:yellow;border:0;}

/* 20161028 bdsnack 김은미 예약시스템 */
.tab-detail-con .col-2 li {width: 30.4%; margin-left: 3.5%;}
.tab-detail-con .col-2 li.w2 {width: 65%;}
.tab-detail-con .bg_tit2 {background:#8cd3ff url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/my-laneige/my-water-bank/reservation-bar.jpg") no-repeat left top;}
.laypop {position: fixed;}
.notice {top: 38%;}

.mobile .tab-detail-con .col-2 li,
.mobile .tab-detail-con .col-2 li.w2 {width: 100%; margin-left: 0; margin-bottom: 20px;}
.mobile .laypop {max-width: 100%;}
.mobile .laypop.notice {top: 30%;}
.mobile .laypop .pbody {height: auto;}

/* 16.10.31 bdsnack 윤지혜 예약시스템 */
.edit20161028 .tab-detail-con .res_box {padding-top:22px;}

/* 16.11.01 bdsnack 윤지혜 예약시스템 */
.fc_blue {color:#6cbff3; font-size:15px;margin-top:20px;}

/* 16.11.07 bdsnack 윤지혜 컬러칩 시뮬레이션 */
.color_c {padding-top:10px;}
.color_c li {margin-top:10px;}
.color_c li img {margin-right:8px;vertical-align:-2px}
#color_chip_simulator {position:relative; padding-bottom:100%;}
#color_chip_simulator .info .color {position:relative; border-radius:100%; width:10px; height:10px;}
#color_chip_simulator .preview {width:100%;text-align:center;}
#color_chip_simulator .preview img {margin-top:31.7%;width:42%;position:absolute;left:29%;}
#color_chip_simulator .stage {position:absolute; left:0; top:20px; width:100%;}
#color_chip_simulator .stage img {position:absolute; left:0; top:0; width:100%; display:block;}
#color_chip_simulator .stage img:first-child {position:relative;}
#color_chip_simulator .stage .chip {width:3.202479338842975%; margin-left:-1.6012396694214874%; margin-top:-1.6012396694214874%;}

.fc_blue2 {color:#106ea8; font-size:15px;}
.ml11 {margin-left:11px;}

.web #color_chip_simulator .preview img {margin-top:30.7%;}

.mobile #color_chip_simulator .preview img {margin-top:35%}

@media (max-width:900px) {

}

@media (max-width:767px) {
    .fc_blue2 {margin-top:0;font-size:12px;}
    .fc_blue2 .ml11 {margin-left:0;}
}

@media (max-width:375px) {
	.mobile #color_chip_simulator {min-height:290px;}
}

@media (max-width:320px) {
	.mobile #color_chip_simulator {min-height:230px;}
	.mobile #color_chip_simulator .preview img {margin-top:36.4%}
}


/* 16.12.15 bdsnack 윤지혜 추가 */
.rsv_s .map_b {background:#8fd3fd;padding:5px 10px;color:#292a37;display:inline-block;} /* kwcag 수정 190311 */

/* 16.12.16 bdsnack 윤지혜 추가 */
.rmap {position:relative;}
.rmap a.btn_map_close {position:fixed;top:0;right:0;z-index:10}
.in_blk {display:inline-block;}
.val_8 {vertical-align:-8px;}

.mobile .rmap {margin:0 5%;width:90%;}
.mobile .rmap.tab-detail-con h3 {font-size:20px;}

.bd_box li.mt10 {margin-top:10px;}

/* 16.12.19 bdsnack 윤지혜 추가 */
.s03_04.forignerPhone {display:none;}
.rsv_s .table tr.forignerEmail {display:none;}
.rsv_s .table td span.ml5.foreigner {display:block;margin-top:5px;}

/* 17.1.10 bdsnack naomi 추가 */
.gowidthName, .gowidthPhone{display:none}

/* 18.04.04 룰렛 매트바 추가 */
.roulette-matt-bar {text-align:center;}
.roulette-matt-bar img {width:100%;}
.web .roulette-matt-bar img {width:inherit;}

/* 18.04.09 예약확인 팝업 추가 */
.reser_confirm .pbody .p_tbl th {padding-left:0; text-align:center;}
.mobile .reser_confirm .pbody .p_tbl th {padding-left:0;}

/* 18.05.15 룰렛사이즈 PC 개선 */
.web #color_chip_simulator {width:520px; min-height:540px; margin:0 auto 40px; padding-bottom:0;}
.webS .tab-detail-con .tdc-box {padding-left:0; padding-right:0;}
.webM #color_chip_simulator {padding-bottom:0;}
.webM .tab-detail-con .tdc-box {padding:64px 90px;}
.webL #color_chip_simulator {width:700px; min-height:710px;}
.web .roulette-matt-bar img {width:520px;}
.webL .roulette-matt-bar img {width:700px;}
@charset "utf-8";

/* 20161102_bdsnack_New&Best */

.nb_contents {padding:60px 0; font-size:14px;}
.nb_contents .nbTitle {text-align:center; font-family:"ygb"; font-size:50px; margin-bottom:10px;}
.nb_contents .nb_tab {overflow:hidden; text-align:center; margin-bottom:60px;}
.nb_contents .nb_tab ul {display:inline-block;}
.nb_contents .nb_tab ul li {float:left;}
.nb_contents .nb_tab ul li a {border:1px solid #afafaf; background-color:#FFF; color:#000; font-weight:bold; min-width:160px; display:block; padding:3px 5px; font-size:18px;}
.nb_contents .nb_tab ul li.on a {border:1px solid #000; background-color:#000; color:#FFF;}

.nb_contents .new_product {overflow:hidden;position:relative;}
.nb_contents .new_product .product_img img {width:100%;}
.nb_contents .new_product .product_contents {width:50%;position:absolute;/*top:128px;*/left:48%;top:30px;}

/* product_thumb */
.nb_contents .new_product_list {padding:80px 20px;}
.nb_contents .new_product_list ul {overflow:hidden; margin-left:-20px;}
.nb_contents .new_product_list ul li {float:left; width:25%;}
.nb_contents .new_product_list ul li.title_area {width:48.5%; margin-left:1.5%;}
.nb_contents .new_product_list ul li a {display:block; margin:0 0 20px 20px; position:relative; overflow:hidden;}
.nb_contents .new_product_list ul li a img {width:100%; height:100%; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.nb_contents .new_product_list ul li a:hover img, .nb_contents .new_product_list ul li a:focus img {border:none;transform:scale(1.1);} /* kwcag 수정 190311 */

.nb_contents .new_product_list ul li a .thumb_shadow {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:9;}
.nb_contents .new_product_list ul li a:hover .thumb_shadow, .nb_contents .new_product_list ul li a:focus .thumb_shadow {display:block;} /* kwcag 수정 190311 */
.nb_contents .new_product_list ul li a .thumb_text {display:none; position:absolute; top:0; left:0; height:100%; z-index:99; padding:0 20px; width:100%;}
.nb_contents .new_product_list ul li a:hover .thumb_text, .nb_contents .new_product_list ul li a:focus .thumb_text {display:block;} /* kwcag 수정 190311 */
.nb_contents .new_product_list ul li a .thumb_text div {display:table; width:100%; height:100%; text-align:center;}
.nb_contents .new_product_list ul li a .thumb_text div p {color:#FFF; display:table-cell; vertical-align:middle;}
.nb_contents .new_product_list ul li a .thumb_text div p span {display:block;}
.nb_contents .new_product_list ul li a .thumb_text div p .kr_nm {font-size:14px;font-weight:bold;margin-bottom:10px;}
.nb_contents .new_product_list ul li a .thumb_text div p .en_nm {font-family:'Playfair Display', serif; font-size:20px;}
.nb_contents .new_product_list ul li a .thumb_text div p .one_point {font-size:12px;margin-top:10px;}
.nb_contents .new_product_list ul li a .thumb_text .sale {color:#21a8b8;font-size:16px;}
.nb_contents .new_product_list ul li a .thumb_text .sale span {text-decoration:line-through;color:#999;margin-right:10px;display:inline;}
.nb_contents .new_product_list ul li a .thumb_text div p .price {font-family:'Arial', sans-serif;font-size:24px;margin-top:-7px;}

/* title_common */
.nb_contents .new_product.img-L .title_area {margin:15% 0 0 45px;}
.nb_contents .new_product.img-R .title_area {margin:15% 45px 0 0;}
.nb_contents .title_area {}
.nb_contents .title_area .product_add {font-family:'Montserrat', sans-serif; font-size:20px;}
.nb_contents .title_area .product_add span {font-weight:700;}
.nb_contents .title_area .product_add-ko {margin-top:10px;}
.nb_contents .title_area .product_title {font-size:37px;}
.nb_contents .title_area .product_title .product_en {/*font-family:'Playfair Display', serif;*/font-weight:bold; margin:0 0 5px 0 /* 170925 수정 -7px 0 5px 0 */;}
.nb_contents .title_area .product_title .product_ko {font-size:18px;}

.nb_contents .new_product.img-L .product_text {margin:30px 0 0 75px;}
.nb_contents .new_product.img-R .product_text {margin:30px 45px 0 30px;}
.nb_contents .product_text {word-break:keep-all; line-height:1.6;margin-top:20px;}
.nb_contents .product_text p {display:none;}
.nb_contents .product_text .p-btn {margin-top:30px;display:block;}


.web .nb_contents .new_product .product_contents {top:58px;}
.web .nb_contents .product_text p {display:block;}
.web .nb_contents .title_area .product_title {font-size:56px;}


/* new product 20190202 */
.new_product.cptNewbox .txtWhite {color:#fff;}


@media (max-width:1210px){
	.web .nb_contents .new_product .product_contents {top:38px;}
	.web .nb_contents .title_area .product_title {font-size:40px;}

}
@media (max-width:1024px){
	.nb_contents .new_product.img-L .product_img,
	.nb_contents .new_product.img-R .product_contents {float:none;}
	.nb_contents .new_product.img-L .product_img,
	.nb_contents .new_product.img-R .product_img {width:100%; text-align:center;}
	.nb_contents .new_product.img-L .product_contents,
	.nb_contents .new_product.img-R .product_contents {width:100%;}
	.nb_contents .new_product.img-L .product_img img,
	.nb_contents .new_product.img-R .product_img img {max-width:630px; width:100%;}
	.nb_contents .new_product.img-L .title_area {margin:0;}
	.nb_contents .new_product.img-L .product_text {margin:30px 0 0 30px;}
	.nb_contents .product_text .p-btn {margin-top:10px}

	.web .nb_contents .new_product .product_contents {padding:30px;top:0;}
}


/* MOBILE MODE */
.mobile .nb_contents .nbTitle {font-size:40px;}
.mobile .nb_contents .nb_tab {margin:0 5% 60px;}
.mobile .nb_contents .nb_tab ul {width:100%;}
.mobile .nb_contents .nb_tab ul li {width:50%;}
.mobile .nb_contents .nb_tab ul li a {min-width:auto;width:100%;}

.mobile .nb_contents .new_product.img-L .product_img,
.mobile .nb_contents .new_product.img-R .product_contents {float:none;}
.mobile .nb_contents .new_product .product_img {width:100%;border-bottom:solid 1px #ededed}
.mobile .nb_contents .new_product .product_contents {width:100%;padding:40px 20px;position:relative;left:0;top:0;border-bottom:solid 1px #ccc;}
.mobile .nb_contents .new_product .title_area .product_add {margin-bottom:5px;}
.mobile .nb_contents .new_product .title_area .product_title .product_en {margin-top:0;line-height:1;}
.mobile .nb_contents .new_product.img-L .title_area {margin:0;}
.mobile .nb_contents .new_product.img-L .product_text {margin:30px 0 0 30px;}
.mobile .nb_contents .title_area {border-left:solid 4px #000;padding-left:17px;}
.mobile .nb_contents .title_area .product_add {font-size:14px;}
.mobile .nb_contents .title_area .product_title {font-size:31px;}
.mobile .nb_contents .title_area .product_title .product_ko {font-size:12px;margin-top:10px;}
.mobile .nb_contents .product_text p {display:block;font-size:12px;margin-left:21px;}/* 16.12.15 추가 */

.mobile .nb_contents .new_product_list {padding:40px 20px;}
.mobile .nb_contents .new_product_list ul li {width:50%;}
.mobile .nb_contents .new_product_list ul li.title_area {width:100%; clear:both; margin-bottom:40px;margin-left:20px;}

/* 16.12.15 추가 */
.mobile .nb_contents {padding:0;}
.mobile .new_banner {margin-top:30px;}
/*.mobile .nb_contents .product_text {display:none;} */





@charset "utf-8";

/* 16.11.04 bdsnack 윤지혜 */
.best_list {}
.best_pr_wrap {padding-top:45px;}
.best_li_boxc {}
.best_li_boxc:after {clear:both;display:block;content:"";}
.best_li_boxc li {float:left;text-align:center;}
.best_li_boxc li > a:focus {display:block; outline:1px dotted #666;} /* kwcag 수정 190311 */
.best_li_boxc li > a:after {clear:both; display:block; content:'';} /* kwcag 수정 190311 */
.best_box_tp1 {width:85%;margin-right:5%;margin-left:10%;}
.best_box_tp1 .best_pr_info {float:left;margin-left:0;}
.best_box_tp1 .pr_img_box {float:right;margin-top:0;background:none;}
.best_box_tp2 {width:47%;margin-top:20px;margin-left:3%;}
.best_box_tp3 {width:50%;}
.best_box_tp3.tp1 {margin-top:230px;}
.best_box_tp3.tp1 .pr_img_box {margin-left:3%;}
.best_box_tp3.tp2 {margin-top:-90px;}
.best_box_tp3.tp2 .pr_img_box {margin-left:5%;}
.best_box_tp3.tp3 {margin-top:70px;width:48%;}
.best_box_tp3.tp3 .pr_img_box {margin-left:3%;}
.best_box_tp4 {width:88%;margin-left:10%;}
.best_box_tp4 .best_pr_info {float:left;margin-left:0;}
.best_box_tp4 .pr_img_box {float:right;margin-right:8%;}
.best_pr_info {float:left;margin-left:20px;}
.best_pr_info .pr_info_txt {display:table;width:100%;}
.best_pr_info .pr_info_txt .prd_tit_s {display:table-row;}
.best_pr_info .pr_info_txt .prd_tit_s em {display:table-cell;font-size:116px;font-family:'Arial', sans-serif;font-weight:bold;color:#000;float:left;line-height:1;vertical-align:middle;padding-right:10px;}
.best_pr_info .pr_info_txt .prd_tit_s .prd_title {display:table-cell;vertical-align:bottom;text-align:left;padding-bottom:14px;}
.best_pr_info .pr_info_txt .prd_title .prd_tit_kr {font-size:16px;letter-spacing:-0.03em;}
.best_pr_info .pr_info_txt .prd_title .prd_tit_en {font-family: 'Playfair Display', serif;font-size:32px;line-height:1.2;}
.best_pr_info .prd_price_s {text-align:left;margin-left:76px;font-family:'Arial',sans-serif;margin-top:-10px;}
.best_pr_info .prd_price_s .sale {color:#21a8b8;font-size:20px;}
.best_pr_info .prd_price_s .sale span {text-decoration:line-through;color:#999;margin-right:10px;}
.best_pr_info .prd_price_s .prd_pri {font-size:40px;color:#000;line-height:1.1;}
/*.best_pr_info:after {clear:both;display:block;content:"";}*/
.pr_img_box {float:left;margin-top:35px;/*background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/best/bg_pd_bar_01.png") no-repeat right bottom;*/padding-bottom:91px;max-width:348px;width:100%;text-align:center;position:relative;}
.pr_img_box p.pr_img {margin:0 auto;}
.pr_img_box p.pr_img img {width:91%;max-width:345px;}
.pr_img_box .ledge {position:absolute;bottom:44px;left:0;}
.pr_img_box .ledge img {width:100%;}

.web .best_pr_wrap {padding-top:30px;}
.web .best_box_tp1 {width:55%;margin-left:0;}
.web .best_box_tp1 .best_pr_info {}
/* .web .best_box_tp1 .pr_img_box {margin-top:-40px;} 20170724 삭제 */
.web .best_box_tp2 {width:40%;margin-top:90px;margin-left:0;}
.web .best_box_tp3 {width:33%;}
.web .best_box_tp3.tp1 {margin-top:-120px;}
.web .best_box_tp3.tp2 {margin-top:50px;}
.web .best_box_tp3.tp3 {margin-top:230px;}
.web .best_box_tp4 {width:49%;margin-left:150px;}
.web .best_box_tp4 .pr_img_box {float:right;margin-top:0;}
.web .best_pr_info .pr_info_txt .prd_tit_s em {padding-right:20px;}
.web .best_pr_info .prd_price_s {margin-left:87px;}
.web .pr_img_box p.pr_img img {width:100%;}


@media (max-width:1050px){
}

.mobile .best_list {}
.mobile .best_pr_wrap {padding-top:32px;}
.mobile .best_li_boxc li {margin-bottom:30px}
.mobile .best_box_tp1 {width:100%;margin-top:0;margin-left:0;}
.mobile .best_box_tp1 .best_pr_info {margin-left:20px;}
.mobile .best_box_tp1 .pr_img_box  {margin-top:20px;}
.mobile .best_box_tp2 {width:100%;margin-top:0;}
.mobile .best_box_tp2 .pr_img_box {margin-left:5%}
.mobile .best_box_tp3 {width:100%;}
.mobile .best_box_tp3.tp1 {margin-top:0;}
.mobile .best_box_tp3.tp1 .pr_img_box {margin-left:8%;}
.mobile .best_box_tp3.tp2 {margin-top:0;}
.mobile .best_box_tp3.tp2 .pr_img_box {margin-left:8%;}
.mobile .best_box_tp3.tp3 {margin-top:0;}
.mobile .best_box_tp3.tp3 .pr_img_box {margin-left:8%;}
.mobile .best_box_tp4 {width:100%;margin-top:0;margin-left:0;}
.mobile .best_box_tp4 .best_pr_info {margin-left:20px;}
.mobile .best_box_tp4 .pr_img_box {margin-top:30px;margin-right:0;float:left;margin-left:8%;}
.mobile .best_pr_info {margin-right:20px;}
.mobile .best_pr_info .pr_info_txt .prd_tit_s em {font-size:80px;padding-right:10px;}
.mobile .best_pr_info .pr_info_txt .prd_tit_s .prd_title {padding-bottom:21px;}
.mobile .best_pr_info .pr_info_txt .prd_title .prd_tit_ko {font-size:14px;}
.mobile .best_pr_info .pr_info_txt .prd_title .prd_tit_en {font-size:24px;}
.mobile .best_pr_info .prd_price_s {margin-left:55px;margin-top:-20px;}
.mobile .best_pr_info .prd_price_s .sale {font-size:14px;}
.mobile .best_pr_info .prd_price_s .prd_pri {font-size:30px;}
.mobile .pr_img_box {padding-bottom:0;}
.mobile .pr_img_box p.pr_img {padding-bottom:63px;}
.mobile .pr_img_box p.pr_img img {width:78%;}
.mobile .pr_img_box .ledge {bottom:17px;}

@media (max-width:375px){
    .mobile .pr_img_box {width:95%;}
    .mobile .best_box_tp2 .pr_img_box {margin-left:0;}
    .mobile .best_box_tp3.tp1 .pr_img_box {margin-left:3%;}
    .mobile .best_box_tp3.tp2 .pr_img_box {margin-left:3%;}
    .mobile .best_box_tp3.tp3 .pr_img_box {margin-left:3%;}
    .mobile .best_box_tp4 .pr_img_box {margin-left:3%;}
}
@charset "utf-8";

/* 20161107_bdsnack_Only Laneige */

#only_contents {padding:0; max-width: 1180px; width: 100%; margin: 0 auto;}/* 16.12.15 수정 */
#only_contents .onlyTitle {text-align: center; font-family:"ygb"; font-size: 50px; margin-bottom: 10px;}
#only_contents .only_text {text-align: center; margin: 40px auto; font-size: 32px; position: relative;}/* 16.12.15 수정 */
#only_contents .only_text span {width: 5%; height: 4px; background-color: #000; display: block; margin: 0 auto 40px auto;}

#only_contents .product_list ul {overflow: hidden; margin-left: -20px; position: relative;}
#only_contents .product_list li {float: left; width: 25%;}
#only_contents .product_list li.big {position: absolute; top: 0; left: 25%;}
#only_contents .product_list li.right {float: right;}
#only_contents .product_list li a {display: block; margin: 0 0 20px 20px;}
#only_contents .product_list li a img {width: 100%;}
#only_contents .product_list li.half {width: 50%;}
#only_contents .product_list li.clear {clear: both;}
#only_contents .product_slider {background:#fcfcfc;overflow:hidden;position:relative;width:100%;}
#only_contents .product_slider .prd_sl_btn {position:absolute;top:37%;width:100%;text-align:left;}
#only_contents .product_slider .prd_sl_btn .ol_arr_l {left:0;}
#only_contents .product_slider .prd_sl_btn .ol_arr_r {right:0;position:absolute;}
#only_contents .product_slider .ps_div {width:88%;margin:0 auto;overflow:hidden;border:solid 1px blue;}
#only_contents .product_slider .b_prd_ban {width:500%;left:0;}
#only_contents .product_slider .b_prd_ban:after {clear:both;display:block;content:"";}
#only_contents .product_slider .b_prd_ban li {width:20%;text-align:center;float:left;padding:20px 0;max-width:207px;}
#only_contents .product_slider .b_prd_ban li p.ps_img {width:100%;}
#only_contents .product_slider .b_prd_ban li p.ps_img img {width:100%;}
#only_contents .product_slider .b_prd_ban li p.ps_txt {font-size:14px;}
#only_contents .product_slider .b_prd_ban li 
#only_contents .product_slider .b_prd_ban li strong {display:block;font-size:18px;font-family:'Arial',sans-serif;}


/* 슬라이드 전체 그룹 */
#only_contents .slide {position:relative; margin-bottom:30px; padding:0 20px;background:#fcfcfc; border:solid 1px #f8f8f8;}

/* viewport */
#only_contents .slide .ix-list-viewport {overflow:hidden;}

/* 슬라이드 영역 */
#only_contents .slide .ix-list-items {position:relative; left:0; top:0; width:100%; height:100%;}
#only_contents .slide .ix-list-items .ix-list-item {float:left; width:18.8%; text-align:center; margin:0 0.6%;}
#only_contents .slide .ix-list-items .ix-list-item a {display:block; height:100%; padding:30px 0; font-size:30px; text-decoration: none; color:#000}
#only_contents .slide .ix-list-items .ix-list-item .ps_img {}
#only_contents .slide .ix-list-items .ix-list-item .ps_img img {width:100%;}
#only_contents .slide .ix-list-items .ix-list-item .ps_txt {font-size:14px;}
#only_contents .slide .ix-list-items .ix-list-item .ps_txt span {display:block;height:40px;}
#only_contents .slide .ix-list-items .ix-list-item .ps_txt strong {display:block;font-size:18px;font-family:'Arial',sans-serif;}
#only_contents .slide .ix-list-items .ix-list-item .ps_txt .product-list-price-origin {padding-top:15px;text-align:center;}
#only_contents .slide .ix-list-items .ix-list-item .ps_txt .product-list-price-origin span.price-origin {text-decoration:line-through;display:inline-block;height:auto;}
#only_contents .slide .ix-list-items .ix-list-item .ps_txt .product-list-price-origin span.price-dc {padding-left:7px;color:#1cb1fe;display:inline-block;height:auto;}

/* 슬라이드 인디케이터, 방향 버튼 그룹 */
#only_contents .slide .ix-controller {}
#only_contents .slide .ix-controller.disabled {visibility:hidden;}

/* 슬라이드 인디케이터 */
#only_contents .slide .ix-thumbs {position:absolute; bottom:-25px; left:0;right:0; text-align:center;}
#only_contents .slide .ix-thumbs .ix-thumb {display:inline-block; margin:2px;}
#only_contents .slide .ix-thumbs .ix-thumb .ix-btn {display:block; width:10px; height:10px; background:#8EAEBA;}
#only_contents .slide .ix-thumbs .ix-thumb.active .ix-btn {background:#0087E9;}

/* 슬라이드 방향 버튼 */
#only_contents .slide .slide_direction .ix-btn-prev {left:0;}
#only_contents .slide .slide_direction .ix-btn-next {right:36px;}
#only_contents .slide .slide_direction .ix-btn-prev,
#only_contents .slide .slide_direction .ix-btn-next {position:absolute; top:50%; width:20px; height:20px; margin-top:-10px;}
/* 버튼 비활성화 */
#only_contents .slide .slide_direction .ix-btn-prev.disabled,
#only_contents .slide .slide_direction .ix-btn-next.disabled {background:#D8E0E3; cursor:default;}


@media (max-width:1210px){
	#only_contents {width: 96%;}
}
@media (max-width:840px){
	#only_contents .product_list li {width: 50%;}
	#only_contents .product_list li.half {width: 100%;}
	#only_contents .product_list li.big {position: relative; top: auto; left: auto;}
#only_contents .product_slider ul li {width:33.3%;}
}
@media (max-width:767px){
	#only_contents .slide .ix-list-items .ix-list-item {width:48.8%}
}

/* 16.12.15 추가 */
.only_laneige_recom {margin-top:60px;}

.mobile .only_laneige_recom {margin-top:30px;}
.mobile #only_contents {padding:0;}
.mobile #only_contents .onlyTitle {font-size:40px;}
.mobile #only_contents .only_text {margin:30px auto;font-size:19px;}
.mobile #only_contents .only_text span {margin-bottom:20px;}
@charset "utf-8";

/********************************* {Commom} */
/* Product Tabs */
.product-detail-tab {height:60px;}
.product-detailtab-fixed {max-width:1260px; z-index:10; margin:0 auto;}
.product-detail-tab ul {display:table; font-size:0; width:100%;}
.product-detail-tab ul li {width:25%; display:inline-block; border-bottom:solid 2px #eee;}
.product-detail-tab ul li button {display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}
.product-detail-tab ul li.active {border-bottom:solid 2px #000;}
.product-detailwrap {margin-top:100px;}
.prodetail-tabtit {background-color:#e1f3fb; font-family:arb,ygb,sans-serif; font-size:16px; height:52px; line-height:52px; padding:0 15px;}
.product-detail-item button.prodetail-tabtit {display:block; width:100%; text-align:left; margin-top:-1px;}

/* Default */
.prd_column {width:100%; letter-spacing:-0.04em; margin-bottom:70px;}
.prd_column.bg {background:#f9f9f9; padding:60px 0;}
.product_wrap {width:100%;}
.product_wrap .titleWrap .opt-tc img {width:66%; max-width:640px;}
.product_info {padding:0 5%;}
.titleWrap h3.p-title {float:left; font-size:42px; width:55%; color:#000; line-height:1.2; margin-top:20px; font-family:'Montserrat',ygm,sans-serif;}
.titleWrap h3.p-title .text {font-size:16px; font-family:arm,ygm,AppleGothic,sans-serif; color:#666; line-height:1.5; margin-top:15px; text-align:left;}
.p-titleBg {background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/detail/title_bg_01.gif") no-repeat center bottom; padding-bottom:20px; font-family:'Montserrat',ygm,sans-serif; font-size:42px; color:#000; text-align:center;}
.titleWrap h4.s-title {font-size:30px; text-align:center; margin-top:38px;}
.titleWrap p.text {font-size:16px; text-align:center; color:#666;}
.titleWrap .img {float:right; width:42%; margin-left:3%;}
.titleWrap .img img {max-width:100%;}
.prd_feat {display:block;}
.prd_feat:after {clear:both; display:block; content:"";}
.prd_feat .img {width:60%; display:block; float:left; vertical-align:top;}
.prd_feat .img img {max-width:100%;}
.prd_feat .feature {width:40%; color:#000; float:left; display:block; vertical-align:middle;}
.prd_feat .feature dt {font-size:30px; margin-bottom:17px; margin-top:40px;}
.prd_feat .feature dd {font-size:16px; margin-bottom:8px; color:#666; line-height:1.5;}
.prd_img_com {width:100%; text-align:center;}
.prd_img_com img {width:100%;}

/* Video */
.prd_mv_slider .p-title {text-align:center; color:#010101; margin-bottom:40px;}
.prd_mv_slider .p-title span {display:block;}
.prd_mv_slider .slide {position:relative; margin-bottom:30px; padding:0 20px;}
.prd_mv_slider.type2 .slide {margin-top:30px;}
.prd_mv_slider .slide .ix-list-viewport {overflow:hidden;}
.prd_mv_slider .slide .ix-list-items {position:relative; left:0; top:0; width:100%; min-height:100px; overflow:hidden;}
.prd_mv_slider .slide .ix-list-items .ix-list-item {float:left; width:96%; position:relative; text-align:center; margin:0 2%; z-index:1;}
.prd_mv_slider .slide .ix-list-items .ix-list-item iframe {/*position:absolute; left:0; */width:100%; height:100%;}
.prd_mv_slider .slide .ix-list-items .ix-list-item a {display:block; height:100%; padding:30px 0; font-size:30px; text-decoration:none; color:#000}
.prd_mv_slider .slide .ix-controller.disabled {visibility:hidden;}
.prd_mv_slider .slide .ix-thumbs {position:absolute; bottom:-25px; left:0; right:0; text-align:center;}
.prd_mv_slider .slide .ix-thumbs .ix-thumb {display:inline-block; margin:2px;}
.prd_mv_slider .slide .ix-thumbs .ix-thumb .ix-btn {display:block; width:10px; height:10px; background:#8EAEBA;}
.prd_mv_slider .slide .ix-thumbs .ix-thumb.active .ix-btn {background:#0087E9;}
.prd_mv_slider .slide .slide_direction .ix-btn-prev {left:0;}
.prd_mv_slider .slide .slide_direction .ix-btn-next {right:0;}
.prd_mv_slider .slide .slide_direction .ix-btn-prev,
.prd_mv_slider .slide .slide_direction .ix-btn-next {position:absolute; top:47%; width:56px; height:56px; margin-top:-10px;}
.prd_mv_slider .slide .slide_direction .ix-btn-prev.disabled,
.prd_mv_slider .slide .slide_direction .ix-btn-next.disabled {background:#D8E0E3; cursor:default;}

/* Key Points */
.product-keypoint .titleWrap .opt-tc {margin:40px 0;}
.points:after {display:block; clear:both; content:"";}
.points {padding:0 5%;}
.points li {width:100%; float:none; display:table; margin-bottom:40px;}
.points li .thumb {display:table-cell; vertical-align:top; width:26%; padding:0 5% 0 0;}
.points li .thumb img {width:100%;}
.points li dl {display:table-cell; vertical-align:middle; width:70%;}
.points li dl dt {font-size:22px; line-height:1.2;}
.points li dl dt span {font-family:'Lato',sans-serif; font-size:16px; font-weight:bold; display:block; margin-bottom:10px;}
.points li dl dd {color:#666; font-size:15px; line-height:1.4; margin-top:7px; height:65px;}

/* Details */
.product_details ul {margin-top:45px; padding:0 5%;}
.product_details ul li {float:left; text-align:left; width:100%; display:table; margin:0; padding-bottom:30px;}
.product_details ul li .thumb {text-align:center; display:table-cell; width:26%;}
.product_details ul li .thumb img {width:80%;}
.product_details ul li dl {margin-top:25px; display:table-cell; padding-left:3%; vertical-align:middle;}
.product_details ul li dl dt {font-size:22px; color:#000;}
.product_details ul li dl dd {font-size:16px; color:#666; margin-top:20px;}

/* Technical features */
.tech_feat ul {margin-top:50px; margin-bottom:30px; display:table; padding:0 5%;}
.tech_feat ul li {display:table-row; width:100%;}
.tech_feat ul li .thumb {display:table-cell; vertical-align:middle; width:20%; text-align:center; padding-bottom:20px;}
.tech_feat ul li dl {display:table-cell; vertical-align:middle; width:75%; padding-left:5%; padding-bottom:20px;}
.tech_feat ul li dl dt {font-size:21px; color:#000;}
.tech_feat ul li dl dd {font-size:14px; color:#666; margin-top:10px;}

/* All Shades */
.product_shades ul {margin-top:40px;}
.product_shades ul li {float:left; width:25%; text-align:center; margin-bottom:20px;}
.product_shades ul li .thumb img {width:50%;}
.product_shades ul li p {font-size:14px; color:#666; margin-top:30px;}

/* Beauty tips */
.product_tips .tip_type {width:100%; margin-top:40px;}
.product_tips .tip_type ul:after {clear:both; display:block; content:"";}
.product_tips .tip_type ul li {float:none; width:100%;}
.product_tips .tip_type ul li .tip_title {text-align:left;}
.product_tips .tip_type .img {text-align:center;}
.product_tips .tip_type .img img {width:100%;}
.product_tips .tip_type .tip_title {text-align:left; padding:50px 10%;}
.product_tips .tip_type .tip_title h5 {font-size:48px;}
.product_tips .tip_type .tip_title p {font-size:18px;}
.product_tips .tip_type .chk_li {margin:40px 0 0 35px; height:270px;}
.product_tips .tip_type .chk_li li {width:100%; background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/detail/bb-cushion-whitening/icon_chk.png") no-repeat left top; padding:0 35px; font-size:16px; margin-bottom:10px;}

/* How to use */
.prd_htu ul {margin-top:40px; padding:0 5%;}
.prd_htu ul:after {clear:both; display:block; content:"";}
.prd_htu ul li {display:table; float:left; width:100%; margin-bottom:40px}
.prd_htu ul li .thumb {display:table-cell; width:35%; vertical-align:middle; text-align:left;}
.prd_htu ul li .thumb img {width:100%;}
.prd_htu ul li dl {display:table-cell; width:55%; vertical-align:middle; text-align:left; padding-left:20px;}
.prd_htu ul li dl dt {font-size:22px; margin-bottom:20px;}
.prd_htu ul li dl dd {font-size:16px; color:#666;}

/* etc */
.product-simplewrap:after {clear:both; display:block; content:"";}


/********************************* {Mobile} */
/* {M} Default */
.mobile .product-detailwrap {margin-top:30px;}
.mobile .product-detail-lefttit {padding-left:0; padding-right:0;}
.mobile .p-titleBg {font-size:28px; padding-bottom:10px;}
.mobile .titleWrap h4.s-title {font-size:20px; font-weight:bold; margin-top:24px;}
.mobile .titleWrap p.text {font-size:14px;}
.mobile .prd_column {margin-top:0; margin-bottom:120px}
.mobile .prd_column.bg {padding:30px 0; margin-bottom:40px; border-bottom:1px solid #e4e4e4;}
.mobile .product_wrap.product_info {padding:0; border-bottom:1px solid #e4e4e4;}
.mobile .titleWrap h3.p-title {float:none; font-size:28px; width:100%; text-align:center;}
.mobile .titleWrap h3.p-title .text {font-size:14px;}
.mobile .titleWrap {padding:0 15px}
.mobile .titleWrap .img {float:none; width:100%; text-align:center; margin-top:40px; margin-left:0;}
.mobile .titleWrap .img img {width:80%;}
.mobile .prd_feat {padding:0 15px; margin-top:60px;}
.mobile .prd_feat .img {width:100%; float:none; text-align:center;}
.mobile .prd_feat .img img {width:80%;}
.mobile .prd_feat .feature {width:100%; float:none; padding-bottom:100px;}
.mobile .prd_feat .feature dt {font-size:20px; font-weight:bold; text-align:center;}
.mobile .prd_feat .feature dd {font-size:14px;}

/* {M} Video */
.mobile .prd_mv_slider .p-title {margin-bottom:20px}
.mobile .prd_mv_slider .p-title {font-size:24px; font-weight:bold}
.mobile .prd_mv_slider .p-title span {font-size:16px;}
.mobile .prd_mv_slider .slide {padding:0}
.mobile .prd_mv_slider .slide .ix-list-items .ix-list-item {padding:0}
.mobile .prd_mv_slider .slide .slide_direction .ix-btn-prev,.mobile .prd_mv_slider .slide .slide_direction .ix-btn-next {width:36px; height:36px;}
.mobile .prd_mv_slider .slide .slide_direction .ix-btn-prev img,.mobile .prd_mv_slider .slide .slide_direction .ix-btn-next img {width:100%;}
.mobile .prd_mv_slider .slide .slide_direction .ix-btn-next {right:0;}

/* {M} Key Points */
.mobile .product-keypoint {padding:0 15px;}
.mobile .product-keypoint .titleWrap .opt-tc {margin:20px 0;}
.mobile .product-keypoint .titleWrap .opt-tc img {width:80%;}
.mobile .points li {display:block;}
.mobile .points li .thumb {display:block; width:100%; text-align:center;}
.mobile .points li .thumb img {width:65%;}
.mobile .points li dl {display:block; width:100%; text-align:center; margin-top:20px;}
.mobile .points li dl dt {font-size:15px;}
.mobile .points li dl dt span {font-size:20px;}
.mobile .points li dl dd {font-size:14px;}

/* {M} Details */
.mobile .product_details ul li {display:block;}
.mobile .product_details ul li .thumb {display:block; width:100%;}
.mobile .product_details ul li .thumb img {width:60%;}
.mobile .product_details ul li dl {display:block; width:100%; text-align:center; padding-left:0;}
.mobile .product_details ul li dl dt {font-size:18px; font-weight:bold;}
.mobile .product_details ul li dl dd {margin-top:10px; font-size:14px; line-height:1.5;}

/* {M} Technical features */
.mobile .tech_feat {padding:0 15px 30px; border-bottom:1px solid #e4e4e4;}
.mobile .tech_feat ul { display:block;}
.mobile .tech_feat ul li {display:block; }
.mobile .tech_feat ul li .thumb {display:block; width:100%;}
.mobile .tech_feat ul li .thumb img {width:80%;}
.mobile .tech_feat ul li dl {display:block; width:100%; text-align:center; padding-left:0;}
.mobile .tech_feat ul li dl dt {font-size:14px;}

/* {M} All Shades */
.mobile .product_shades ul li {width:50%;}
.mobile .product_shades ul li p {height:35px;}

/* {M} Beauty tips */
.mobile .product_tips .tip_type {margin-top:20px;}
.mobile .product_tips .tip_type .tip_title {padding:25px 5%;}
.mobile .product_tips .tip_type .tip_title h5 {font-size:24px;}
.mobile .product_tips .tip_type .tip_title p {font-size:15px;}
.mobile .product_tips .tip_type .img img {width:100%;}
.mobile .product_tips .tip_type .chk_li {height:auto; padding-bottom:30px; margin:30px 5% 0;}
.mobile .product_tips .tip_type .chk_li li {font-size:14px; padding-right:0}

/* {M} How to use */
.mobile .prd_htu {margin-top:40px}
.mobile .prd_htu {padding:0 15px 30px; border-bottom:1px solid #e4e4e4;}
.mobile .prd_htu ul { display:block; margin-top:20px;}
.mobile .prd_htu ul li {display:block; }
.mobile .prd_htu ul li .thumb {display:block; width:100%; text-align:center}
.mobile .prd_htu ul li .thumb img {width:80%; margin:0 20px 20px 0; padding-right:20px;}
.mobile .prd_htu ul li dl {display:block; width:100%; text-align:center; padding-left:0; margin-bottom:40px; font-weight:bold;}
.mobile .prd_htu ul li dl dt {font-size:20px; margin:10px 0}
.mobile .prd_htu ul li dl dd {font-size:14px;   font-weight:normal;}


/********************************* {Tablet} */
/* Product Tabs */
.tablet .prodetail-tabtit {display:none;}
.tablet .product-detail-item button.prodetail-tabtit {display:none}

/* {T} Default */
.tablet .product-detail-lefttit {padding-left:0 !important; padding-right:0 !important;}

/* {T} Video */
.tablet .prd_mv_slider .p-title {font-size:30px;}
.tablet .prd_mv_slider .p-title span {font-size:42px;}


/********************************* {Web} */
/* {W} Divition */
.web ul.sec_divition.n1 li {width:100% !important;}
.web ul.sec_divition.n1 li .inner {width:50%; margin:0 auto}
.web ul.sec_divition.n2 li {width:50% !important; margin:0 !important;}
.web ul.sec_divition.n2 li .inner {width:80%; margin:0 auto}
.web ul.sec_divition.n3 li {width:100% !important;}
.web ul.sec_divition.n3 li .inner {width:50%; margin:0 auto}
.web ul.sec_divition.n4 li {width:50% !important; margin:0 !important;}
.web ul.sec_divition.n4 li .inner {width:80%; margin:0 auto}

/* {W} Product Tabs */
.web .product-detailwrap {margin-top:0 !important;}
.web .product-detail-tab {padding-left:30px;}
.web .product-detail-tab ul li,
.web .product-detail-tab ul li.active {border:0}
.web .prd_view .product-list-quickview-wrap {max-width:1260px; margin:0 auto 40px !important}
.web .prd_view .cmd_freebie,
.web .prd_view .opt-boxside,
.web .prd_view .product-detail-itemcon,
.web .prd_view .com-image,
.web .prd_view .product-detail-tab {position:relative; max-width:1260px; margin:0 auto;}
.web .prd_view .opt-pbm {padding:0 30px 0 0}
.web .prd_view .com-image .opt-pbm {padding-left:30px}
.web .prd_view .product-detail-item .com-image .opt-pbm {padding-left:0; padding-right:0}

/* {W} Default */
.web .product_info {padding:0;}
.web .product_wrap {max-width:1200px; margin:0 auto; padding-top:60px;}
.web .titleWrap h3.p-title {font-size:56px;}
.web .titleWrap h3.p-title .text {font-size:18px;}
.web .p-titleBg {font-size:56px;}
.web .titleWrap h4.s-title {font-size:36px;}
.web .titleWrap p.text {font-size:18px;}
.web .prd_feat {display:table; width:100%;}
.web .prd_feat .img {width:50%; display:table-cell; vertical-align:top; float:none;}
.web .prd_feat .feature {width:50%; color:#000; display:table-cell; vertical-align:middle; float:none;}
.web .prd_feat .feature dt {font-size:38px; margin-bottom:17px; margin-top:0;}
.web .prd_feat .feature dd {font-size:18px;}

/* {W} Video */
.web .prd_mv_slider {padding-top:87px;}
.web .prd_mv_slider .p-title {font-size:36px;}
.web .prd_mv_slider .p-title span {font-size:56px;}
.web .prd_mv_slider .slide .ix-list-items .ix-list-item {margin:0 5%; width:90%;}

/* {W} Key Points */
.web .points {padding:0;}
.web .points li {width:45%; margin-right:5%; float:left;}

/* {W} Details */
.web .product_details ul {padding:0;}
.web .product_details ul li {width:29%; float:left; text-align:center; margin:0 2.1%; display:block;}
.web .product_details ul li .thumb {text-align:center; display:block; width:auto;}
.web .product_details ul li .thumb img {width:45%;}
.web .product_details ul li dl {margin-top:25px; padding-left:0; display:block;}
.web .product_details ul li dl dt {font-size:24px; color:#000;}
.web .product_details ul li dl dd {font-size:18px; color:#666; margin-top:20px;}

/* {W} Technical features */
.web .tech_feat ul {padding:0;}
.web .tech_feat ul li {float:left; display:table; width:45%; margin:0 2.5% 20px;}
.web .tech_feat ul li .thumb {display:table-cell; vertical-align:middle; width:20%; text-align:center;}
.web .tech_feat ul li dl {display:table-cell; vertical-align:top; width:70%; padding-left:10%;}
.web .tech_feat ul li dl dt {font-size:21px; color:#000;}
.web .tech_feat ul li dl dd {font-size:14px; color:#666; margin-top:10px;}

/* {W} Beauty tips */
.web .product_tips .tip_type ul li {float:left; width:50%;}
.web .product_tips .tip_type ul li .tip_title {text-align:right;}
.web .product_tips .tip_type ul li:nth-child(2n) .tip_title {text-align:left;}
.web .product_tips .tip_type ul li .img {width:100%;}
.web .product_tips .tip_type .chk_li li {float:none; width:100%;}

/* {W} How to use */
.web .prd_htu ul {padding:0;}
.web .prd_htu ul li {display:table; float:left; width:50%; margin-bottom:20px;}
.web .prd_htu ul li .thumb {display:table-cell; width:15%; vertical-align:top; text-align:center;}
.web .prd_htu ul li .thumb img {width:100%;}
.web .prd_htu ul li dl {display:table-cell; width:35%; padding-left:12px; vertical-align:top; text-align:left;}
.web .prd_htu ul li dl dt {font-size:24px; margin-bottom:10px;}
.web .prd_htu ul li dl dd {font-size:14px; color:#666;}
@charset "utf-8";

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html {margin:0;padding:0; -webkit-overflow-scrolling: auto;}
body { width: auto; height: auto; overflow-x: hidden; position: relative; margin:0; padding:0;font-size:12px;line-height:1.3;color:#292a37;letter-spacing:0;-webkit-text-size-adjust:none;}
html, body{ width: 100%; height:100%; }
fieldset {min-width:0;}
div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top;}
hr { display: none;}re
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
p {vertical-align: middle;}
strong,em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0; padding:0; border:none; border-image-width:0;}
button:focus {outline:#666 dotted 1px;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-ms-clear,
::-ms-reveal {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

select, textarea, button {-webkit-appearance: none;border-radius: 0}
textarea{resize:none;}
input[type="text"],input[type="search"] {-webkit-appearance: none;border-radius: 0;}
.skip {position:fixed;top:0;left:0;width:100%;z-index:9999;}
.skip a{display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block;padding:9px 0;height:40px;width:100%;text-align:center;font-size:14px;color:#fff;background:#282a37;}

/* IR */
.screen_out {position:absolute;overflow:hidden;text-indent:-999em;width:1px;height:1px;font-size:1px;}

/* float clear */
.clearfix:after { clear:both; display:block; content:""; height:0; visibility:hidden;  }
* html .clearfix { height:1px; }
.clearfix { display:block; min-height:1px; }


/* box align */
.opt-fl{float:left;}
.opt-fr{float:right;}
.opt-fc{clear:both;}

/* text align */
.opt-tl{text-align:left;}
.opt-tr{text-align:right;}
.opt-tc{text-align:center;}

/* position align */
.opt-poss { position: static;}
.opt-posr { position: relative;}
.opt-posa { position: absolute;}
.opt-posf { position: fixed;}

/* dvice show/hide */
.res-mobshow { display: block;}
.res-tabletshow { display: none;}
.res-webshow { display: none;}

/* component color text */
.opt-textpink {color:#cf3267;}
.opt-textblue {color:#106ea8;}
.opt-textpurple {color:#4d56ce;}
.opt-textgreen {color:#1a6f00;}

/* component sub page border */
.opt-borderbot {border-bottom:1px solid #e4e4e4;}
.opt-bordertop {border-top:1px solid #e4e4e4;}

.vedio-playdim {width:100%; height:100%; position:absolute; left:0; top:0; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/video-dimbg.png') repeat left top;}
.dotline {overflow:hidden;}

.tablet .tablethide { display: none;}
.tablet .res-mobshow { display: none;}
.tablet .res-tabletshow { display: block;}

.web .subpage .res-webhide { display: none;}
.web .res-webshow { display: block;}

.webM .res-webhide { display: none;}



/*텍스트 공통*/
.opt-text-arbfont { font-family: arb, ygb, sans-serif;}
.opt-text-arbfont p{ font-family: arb, ygb, sans-serif;}

.opt-htb {font-size:30px; line-height:34px;}
.opt-htm {font-size:24px; line-height:30px;}
.opt-hts {font-size:20px; line-height:26px;}

.opt-stb {font-size:16px; line-height:22px;}
.opt-stm {font-size:14px; line-height:20px;}

.opt-btb { font-size: 12px; line-height:18px;}
.opt-btm { font-size: 12px; line-height:18px;}
.opt-bts { font-size: 12px; line-height:18px;}

/*여백 공통*/
.opt-pts { padding-top: 20px;}
.opt-ptm { padding-top: 30px;}
.opt-ptb { padding-top: 50px;}

.opt-pbs { padding-bottom: 20px;}
.opt-pbsm { padding-bottom: 25px;}
.opt-pbm { padding-bottom: 30px;}
.opt-pbb { padding-bottom: 50px;}

.opt-mbs { margin-bottom: 20px;}
.opt-mbm { margin-bottom: 30px;}
.opt-mbb { margin-bottom: 50px;}


.web .subpage .opt-htb {font-size:40px; line-height:46px;}
.web .subpage .opt-htm {font-size:30px; line-height:34px;}
.web .subpage .opt-hts {font-size:24px; line-height:30px;}

.web .subpage .opt-stb {font-size:20px; line-height:26px;}
.web .subpage .opt-stm {font-size:16px; line-height:22px;}

.web .subpage .opt-btb { font-size: 16px; line-height:22px;}
.web .subpage .opt-btm { font-size: 14px; line-height:20px;}

/*여백 공통*/
.web .subpage .opt-pts { padding-top: 20px;}
.web .subpage .opt-ptm { padding-top: 40px;}
.web .subpage .opt-ptb { padding-top: 60px;}

.web .subpage .opt-pbs { padding-bottom: 20px;}
.web .subpage .opt-pbsm { padding-bottom: 30px;}
.web .subpage .opt-pbm { padding-bottom: 40px;}
.web .subpage .opt-pbb { padding-bottom: 60px;}

.web .subpage .opt-mbs { margin-bottom: 20px;}
.web .subpage .opt-mbsm { margin-bottom: 30px;}
.web .subpage .opt-mbm { margin-bottom: 40px;}
.web .subpage .opt-mbb { margin-bottom: 60px;}

.webM .opt-htb {font-size:40px; line-height:46px;}
.webM .opt-htm {font-size:30px; line-height:34px;}
.webM .opt-hts {font-size:24px; line-height:30px;}

.webM .opt-stb {font-size:20px; line-height:26px;}
.webM .opt-stm {font-size:16px;}

.webM .opt-btb { font-size: 16px; line-height:20px;}
.webM .opt-btm { font-size: 14px; line-height:20px;}

/*여백 공통*/
.webM .opt-pts { padding-top: 20px;}
.webM .opt-ptm { padding-top: 40px;}
.webM .opt-ptb { padding-top: 60px;}

.webM .opt-pbs { padding-bottom: 20px;}
.webM .opt-pbm { padding-bottom: 40px;}
.webM .opt-pbb { padding-bottom: 60px;}

.webM .opt-mbs { margin-bottom: 20px;}
.webM .opt-mbm { margin-bottom: 40px;}
.webM .opt-mbb { margin-bottom: 60px;}


/* sub page title style */
.subpage .subpagetit {text-align:center; padding:25px 0; margin:0 15px;}

.tablet .subpage .subpagetit {margin:0 30px;}

.web .subpage .subpagetit {padding:40px 30px;}



/* tab mobile select */

.tabtype-category { width: 100%; text-align: center; }
.tabtype-dropbox.active .tabtype-category-seleted:after  {
    top:0;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-select.png') no-repeat 0 0 ;
}
.tabtype-selected-box { height:52px; line-height:52px; background-color: #f7f7f7; }
.tabtype-category button{
    display: inline-block;
    height:52px;
    line-height:52px;
    padding:0 20px;
    min-width:180px;
    margin:0 auto;
    background-color: #ffffff;
    vertical-align:top;
}
.tabtype-category button span{
    display: inline-block;
    position: relative;
    padding-right:35px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.tabtype-category .tabtype-category-wrap{  display: none; width: 100%; }
.tabtype-category-seleted { height:20px; position: relative; }
.tabtype-category-seleted:after {
    display: inline-block;
    width: 15px;
    height:15px;
    overflow: hidden;
    content:'';
    position: absolute;
    top:3px;
    right:0;
    margin-left:20px;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-select.png') no-repeat 0 -15px ;
}

.tabtype-category .tabtype-category-wrap li{ width: 100%; }
.tabtype-category .tabtype-category-wrap li.listhide{ display: none; }
.tabtype-category .tabtype-category-wrap .listhide{ display: none; }
.tabtype-category .tabtype-category-wrap li a{
    width: 100%;
    padding-top:10px;
    display: block;
    color: #767676;
    font-family:arm, ygm, AppleGothic, sans-serif;
}

.tabtype-category .tabtype-category-wrap li a span{
    display: inline-block;
    padding-right: 20px;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/tabselect-list-bg.png') no-repeat right 50% ;
}


/* tab mobile select */

.tablet .tabtype-dropbox { background:#f7f7f7; max-width:1200px; margin:0 30px;}
.tablet .tabtype-selected-box {	display: none; }
.tablet .tabtype-category button{ display: none; }
.tablet .tabtype-category .tabtype-category-wrap{
    display: table;
    width: 100%;
    min-height:60px;
    font-size:0;
    padding-bottom: 0;
}

.tablet .tabtype-category.num3 .tabtype-category-wrap {width:75%; margin:0 auto;}
.tablet .tabtype-category.num3 .tabtype-category-wrap li{ width:33.3%;}
.tablet .tabtype-category.num4 .tabtype-category-wrap li{ width:25%;}
.tablet .tabtype-category.num5 .tabtype-category-wrap li{ width:20%;}/* 16.12.05 bdsnack 윤지혜 추가 */
.tablet .tabtype-category .tabtype-category-wrap li{ display: table-cell; vertical-align:middle; height:60px;}
.tablet .tabtype-category .tabtype-category-wrap li.listhide{ display: table-cell; }
.tablet .tabtype-category .tabtype-category-wrap li.active{ background-color: #fff; position:relative; }
.tablet .tabtype-category .tabtype-category-wrap li.active a:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown.png') no-repeat 50% bottom}
.tablet .tabtype-category .tabtype-category-wrap li a{padding:10px;font-family: arb, ygb, sans-serif;color: #000;}
.tablet .tabtype-category .tabtype-category-wrap li a span{display: inline;padding-right: 0;background: none}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .tabtype-category .tabtype-category-wrap li.active a:after{ background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown-X2.png'); background-size:15px 8px; }
}



/* tab style */
.tabtype1 {background:#f7f7f7; text-align:center; padding:0 15px; position:relative;}
.tabtype1-list {display:table; width:100%;}
.tabtype1-list li {display:table-cell; height:52px; vertical-align:middle; font-family: arb, ygb, sans-serif; width:25%;}
.tabtype1-list li a {display:block; font-size:14px;}
.tabtype1-list li.active {background:#fff;}
.tabtype1-list li.active span {padding-right:23px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/tab-active.gif') no-repeat right center;}
.tabtype1-addbtn {display:none;}

.tablet .tabtype1 {padding:0; margin:0 30px;}
.tablet .tabtype1-list {margin:0 auto;}
.tablet .tabtype1-list li.active span {padding-right:0; display:block; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/tab-active.gif') no-repeat center bottom;}
.tablet .num1 .tabtype1-list {width:25%;}
.tablet .num2 .tabtype1-list {width:50%;}
.tablet .num3 .tabtype1-list {width:75%;}
.tablet .num4 .tabtype1-list {width:100%;}
.tablet .num5 .tabtype1-list {width:100%;}/* 16.12.05 bdsnack 윤지혜 추가 */
.tablet .tabtype1-list li a {height:60px; line-height:60px;}

.web .tabtype1-list li a {font-size:16px;}
.web .tabtype1-addbtn {display:block; padding:0 20px; font-size:14px; background:#66bcf0; position:absolute; right:0; top:0; height:60px; line-height:60px;}
.web .tabtype1-addbtn span {padding-right:30px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/magazine/btn-pastmaga.png') no-repeat right center;}

/* tab style - FSS소개&매장위치 예외처리 */
.tab-type-list-store li a {font-size:13px;}
.tablet .tab-type-list-store li a {font-size:14px;}
.web .tab-type-list-store li a {font-size:16px;}


/* tab 하단 리스트 style */
.tablist {padding-top:30px; padding-bottom:30px;}
.tablist-con {display:none;}
.tablist-slider ul {display:inline-block;}
.tablist-arrow {display:inline-block; vertical-align: top; }

.tablet .tablist-con {display:block; text-align:center;}
.tablet .tablist-con li {display:inline-block; border-left:1px solid #d9d9d9; padding:3px 30px; font-family: arb, ygb, sans-serif;}
.tablet .tablist-con li:first-child {border-left:none;}
.tablet .tablist-con li.active a {border-bottom:4px solid #cf3267; color:#cf3267; padding:7px 7px 10px 7px;}
.tablet .bluetype .tablist-con li.active a {border-bottom:4px solid #8cd3ff; color:#8cd3ff;}

.web .tablist {padding-top:40px; padding-bottom:40px;}
.web .tablist-con li {font-size:14px;}
.web .tablist-con li a.UIslider-con {font-size:14px; padding:0;}


/* tab 하단 리스트 style - 모바일에서 list select로 변경 */
.subselect {position:relative;}
.subselect-jqList {width:100%;}
.subselect-jqList .jqListBox-combo {height:46px; line-height:46px; font-size:12px; color:#292a37; border-color:#000; background:#fff;}
.subselect-jqList .jqListBox-combo-txt {height:46px; line-height:46px;}
.subselect-jqList .jqListBox-combo-arrow {background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/subjqlistbox-arrow.gif") no-repeat 0 50%}
.subselect-jqList .jqListBox-list {width:100%; top:46px; margin-top:-1px; border-color:#000;}
.subselect-jqList .jqListBox-option {height:46px; line-height:46px; font-size:12px;}
.selectbtn .subselect-jqList { padding-right:46px;}
.selectbtn .subselect-jqList .jqListBox-combo {border-right:none;}
.subselect-jqBtn {position:absolute; right:0; top:0; }
.subselect-jqBtn button {width:46px; height:46px; line-height:46px; background:#000; color:#fff;}

.web .subselect-jqList .jqListBox-combo {font-size:14px;}
.web .subselect-jqList .jqListBox-option {font-size:14px;}


/* circle button */
.circlebtn-group:after {content:""; display:block; clear:both;}
.circlebtn-group.opt-nolist {position:relative; margin-bottom:40px; min-height:114px;}
.circlebtn-group.opt-nolist .circlebtn.list {position:absolute; left:50%; top:0; min-width:120px; margin-left:-60px; text-align:center;}
.circlebtn-wrap {text-align:center; padding-bottom:50px;}
.circlebtn {font-size:12px; padding-top:70px; text-align:center; min-width:64px; display:inline-block; width:auto; vertical-align:top; margin-left:5px; margin-right:5px;}
.circlebtn-left {float:left;}
.circlebtn-right {float:right;}
.circlebtn.list {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-list.gif') no-repeat center top;}
.circlebtn.more {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-more.gif') no-repeat center top;}
.circlebtn.apply {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-apply.gif') no-repeat center top;}
.circlebtn.complete {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-complete.gif') no-repeat center top;}
.circlebtn.home {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-home.gif') no-repeat center top;}
.circlebtn.homegray {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-homegray.gif') no-repeat center top;}
.circlebtn.lock {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-lock.gif') no-repeat center top;}
.circlebtn.find {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-find.gif') no-repeat center top;}
.circlebtn.change {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-change.gif') no-repeat center top;}
.circlebtn.proh {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-proh.gif') no-repeat center top;}
.circlebtn.document {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-document.gif') no-repeat center top;}
.circlebtn.modify {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-modify.gif') no-repeat center top;}
.circlebtn.closeacc {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-closeacc.gif') no-repeat center top;}
.circlebtn.save {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-save.gif') no-repeat center top;}
.circlebtn.cancle {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-cancle.gif') no-repeat center top;}
.circlebtn.vwmore {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-vwmore.gif') no-repeat center top;}
.circlebtn.previous {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-prev.gif') no-repeat center top;}
.circlebtn.tryagain {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-tryagain.gif') no-repeat center top; background-size:100% auto;}
.circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.circlebtn.view span {display:none;}
.circlebtn.view.prev {text-align:left; padding-left:70px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-viewprev.gif') no-repeat left center;}
.circlebtn.view.next {text-align:right; padding-right:70px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-viewnext.gif') no-repeat right center;}
.circlebtn.list, .circlebtn.more, .circlebtn.apply,
.circlebtn.complete, .circlebtn.home, .circlebtn.homegray,
.circlebtn.lock, .circlebtn.find, .circlebtn.change,
.circlebtn.proh, .circlebtn.document, .circlebtn.modify,
.circlebtn.closeacc, .circlebtn.save, .circlebtn.cancle,
.circlebtn.vwmore, .circlebtn.previous, .circlebtn.tryagain
{background-size:54px;}

/* comment event */
.normalbtn {text-align:center; padding:30px 15px 0 15px;}
.normalbtn.modify {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-modify-nobg.gif') no-repeat center top;}
.normalbtn.delete {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/event-and-news/event/comment-delete.gif') no-repeat center top;}
.normalbtn.change {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/event-and-news/event/comment-change.gif') no-repeat center top;}


.tablet .circlebtn {font-size:14px; padding-top:80px; margin-right:10px; margin-left:10px;}
.tablet .circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.tablet .circlebtn.view span {display:table-cell; vertical-align:middle;}
.tablet .circlebtn.list {background-size:64px;}
.tablet .circlebtn.more {background-size:64px;}
.tablet .circlebtn.apply{background-size:64px;}

.tablet .circlebtn.complete {background-size:64px;}
.tablet .circlebtn.home {background-size:64px;}
.tablet .circlebtn.homegray {background-size:64px;}
.tablet .circlebtn.lock {background-size:64px;}
.tablet .circlebtn.find {background-size:64px;}
.tablet .circlebtn.change {background-size:64px;}
.tablet .circlebtn.proh {background-size:64px;}
.tablet .circlebtn.document {background-size:64px;}
.tablet .circlebtn.modify {background-size:64px;}
.tablet .circlebtn.closeacc {background-size:64px;}
.tablet .circlebtn.save {background-size:64px;}
.tablet .circlebtn.cancle {background-size:64px;}
.tablet .circlebtn.vwmore {background-size:64px;}
.tablet .circlebtn.previous {background-size:64px;}
.tablet .circlebtn.tryagain {background-size:64px;}

.web .circlebtn-wrap {padding-bottom:60px;}
.web .circlebtn {font-size:14px;}


/*  */
p.quadbtn {display:inline-block;}
.quadbtn span {display:block; height:32px; line-height:32px; padding:0 15px; text-align:center; font-size:12px;}
.quadbtn.quadbtn-blue span {background-color:#0f73b9; color:#fff;}
.quadbtn.quadbtn-skyblue span {background-color:#8cd3ff;}
.quadbtn.quadbtn-gray span {background-color:#cfcfcf;}
.quadbtn.quadbtn-gray2 span {background-color:#f9f9f9;border:solid 1px #ccc;}
.quadbtn.bigbtn {width:100%; font-size:18px;}
.quadbtn.bigbtn span {height:45px; line-height:45px;}

.oplinebtn {display:block; max-width:130px; margin:30px auto; padding-left:10px; width:100%; height:34px; line-height:34px; font-family: arb, ygb, sans-serif;}
.oplinebtnM {height:39px; line-height:39px; display:inline-block; padding:0 50px 0 20px; font-family: arb, ygb, sans-serif;}
.oplinebtnM.blue {background:#bae5ff url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/oqlinebtnM-blue.gif') no-repeat right top;}
.oplinebtn.skyblue {background:#8cd3ff url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/oqlinebtn-skyblue.gif') no-repeat right top;}
.oplinebtn.purple {background:#99aff7 url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/oqlinebtn-purple.gif') no-repeat right top;}
.oplinebtn.gray {background:#cfcfcf url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/oqlinebtn-gray.gif') no-repeat right top;}
.oplinebtn-group {margin:0 auto;}
.oplinebtn-groupwrap {margin:10px -10px 0;}
.oplinebtn-groupwrap:after {content:""; display:block; clear:both;}
.oplinebtn-groupwrap .oplinebtn {max-width:none; width:auto; min-width:130px; padding-right:35px;}
.oplinebtn-group .oplinebtn {float:left; margin:20px 10px 0;}

/* input type */
.input-group {position:relative;}
.input-group input[type=checkbox]{vertical-align: text-top;}
.input-group textarea[disabled] {background:#fff;}
.input-label {position:absolute; left:0; top:0; padding:15px 15px 0 20px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.js-label-hide.hide {display:none;}
.inputform {width:100%; height:46px; border:1px solid #000; color:#000; padding-left:20px; padding-right:10px; font-size:12px;}
.inputform.disabled {background:#f7f7f7; border:none;}
.inputform.type2 {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/inputtype-bg.gif') repeat left top;}
.inputform-input {padding-top:15px; padding-bottom:15px;}
.inputform-textarea {height:auto; padding:15px 20px; }

.label-essential {padding-left:17px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/bullet-essential.gif') no-repeat left 5px;}

/* contents box side padding */
.opt-boxside {padding-left:15px; padding-right:15px;}

.tablet .opt-boxside {padding-left:30px; padding-right:30px;}
.tablet .opt-boxsidetab {padding-left:30px; padding-right:30px;}


/* slider controller, pager common */
.slider-pagerbox {position:absolute; left:0; bottom:20px; width:100%; z-index:9;}
.slider-pagerbox .pager {z-index:15; margin-right:-3px;}
.slider-pagerbox-wrap {text-align:center;}
.slider-controller {display:inline-block; padding-right:10px;}

.tablet .slider-pagerbox {bottom:30px;}



/* paging */
.pager {text-align:center; font-size:12px;}
.pager-first, .pager-prev, .pager-next, .pager-last {display:inline-block; width:16px; height:14px; vertical-align:top;}
.pager-first.active {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-first-active.gif') no-repeat center center;}
.pager-first {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-first.gif') no-repeat center center;}
.pager-prev.active {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-prev-active.gif') no-repeat center center;}
.pager-prev {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-prev.gif') no-repeat center center;}
.pager-next.active {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-next-active.gif') no-repeat center center;}
.pager-next {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-next.gif') no-repeat center center;}
.pager-last.active {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-last-active.gif') no-repeat center center;}
.pager-last {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-last.gif') no-repeat center center;}
.pager-numlist {display:inline-block; padding:0 40px;}
.pager-num {display:inline-block; min-width:20px; height:20px; line-height:20px; font-size:12px; padding:0 5px;}
.pager-num.active {background:#8cd3ff;}


.tablet .pager-first, .tablet .pager-prev, .tablet .pager-next, .tablet .pager-last {vertical-align:middle; margin:0 6px;}
.tablet .pager-numlist {padding:0 10px; font-size:0;}


/* table component */
.tbl {width:100%; padding-bottom:60px;}
.tbl .col {float:left; padding:15px 10px; text-align:center;}
.tbl-head {margin-left:-2px; height:49px;}
.tbl-head:after {content:""; display:block; clear:both;}
.tbl-head .col {background:#f7f7f7; border-left:2px solid #fff;}
.tbl-body {padding-bottom:30px;}
.tbl-row:after {content:""; display:block; clear:both;}
.tbl-row .col {height:49px; border-bottom:1px solid #e4e4e4;}
.tbl-row .nolist {width:100%; height:200px; line-height:200px;}
.tbl-row .dotdot {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tbl-coltype {border-top:1px solid #e4e4e4;}
.tbl-coltype .tbl-th {background:#f7f7f7;}

.tbl-tabletype .tbl-head {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .tbl-row {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .col {float:none; height:auto; display:table-cell; vertical-align:middle;}

.tablet .tbl .col {padding:15px 5px;}
.tablet .tbl .col.dotdot {padding-left:20px;}

.web .tbl {padding-bottom:80px;}
.web .tbl .col {padding:15px 5px;}
.web .tbl .col.dotdotdot {padding-left:30px;}
.web .tbl-body {padding-bottom:40px;}


/* hreart */

.product-list-likeheart {
    position: relative;
    width: 87px;
    height:12px;
    overflow: hidden;
    margin:0 auto;
    background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/heartbg.png') #d8d8d8 0 0;
}

.product-list-overbg{
    position: relative;
    z-index:1;
    display: block;
    float: left;
    width: 87px;
    height: 13px;
    line-height: 13px;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-likeheartbg.png') no-repeat 0 0;
}

.product-list-graphbg {
    width: 95%;
    height:12px;
    position: absolute;
    left:0;
    top:0;
    background: #1cb1fe;
}

.refertxt {margin-top:8px; padding-left:17px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ico-refertxt.gif') no-repeat left 4px;}
.refertxt.small {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ico-refertxtsmall.gif') no-repeat left 4px;}

/* footnote style */
.footnote-info {padding-top:13px; display:table;}
.footnote-infobox {position:relative; margin-top:7px;}
.footnote-infobox .footnote {position:absolute; top:0;}
.footnote-infotxt {padding-left:20px; display:inline-block;}
.footnote {display:inline-block; color:#1a6f00; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/footnote-bg.png') no-repeat right center;}
.footnote:after {color:#fff; font-size:6px; width:12px; margin-left:3px; display:inline-block; text-align:center;}
.footnote.num1:after {content:"1";}
.footnote.num2:after {content:"2";}



@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .circlebtn.change {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-change-X2.gif');}
    .circlebtn.tryagain {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-tryagain-X2.gif');}
    .circlebtn.complete {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-complete-X2.gif');}
    .circlebtn.home {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-home-X2.gif');}
    .circlebtn.homegray {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-homegray-X2.gif'); }
    .circlebtn.lock {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-lock-X2.gif');}
    .circlebtn.find {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-find-X2.gif');}
    .circlebtn.list {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-list-X2.gif');}
    .circlebtn.modify {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-modify-X2.gif');}
    .circlebtn.document {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-document-X2.gif');}
    .circlebtn.closeacc {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-closeacc-X2.gif');}
    .circlebtn.save {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-save-X2.gif');}
    .circlebtn.cancle {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-cancle-X2.gif');}
    .circlebtn.vwmore {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-vwmore-X2.gif');}
    .circlebtn.proh {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-proh-X2.gif');}
    .circlebtn.more {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-more-X2.gif');}
    .refertxt {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ico-refertxt-X2.gif'); background-size:9px;}
    .footnote {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/footnote-bg-X2.png'); background-size:12px;}
    .refertxt.small {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ico-refertxtsmall-X2.gif'); background-size:8px;}
    .normalbtn.change {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/event-and-news/event/comment-change-X2.gif'); background-size:15px 18px;}
    .normalbtn.delete {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/event-and-news/event/comment-delete-X2.gif'); background-size:17px 18px;}
    .normalbtn.modify {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-modify-nobg-X2.gif'); background-size:27px 18px;}
    .circlebtn.view.prev {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-viewprev-X2.gif'); background-size:54px;}
    .circlebtn.view.next {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/btn-viewnext-X2.gif'); background-size:54px;}
    .subselect-jqList .jqListBox-combo-arrow {background-image:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/subjqlistbox-arrow-X2.gif"); background-size:40px 6px;}
    .tabtype-category-seleted:after { background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 -20px;}
    .tabtype-dropbox.active .tabtype-category-seleted:after {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 4px;}
    .tabtype1-list li.active span { background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown-X2.png'); background-size:15px 8px;}
    .product-list-overbg{ background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-likeheartbg-X2.png');  background-size:87px 13px;}

    .pager-prev {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-prev-X2.gif'); background-size:9px 14px;}
    .pager-prev.active {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-prev-active-X2.gif'); background-size:9px 14px;}
    .pager-next {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-next-X2.gif'); background-size:9px 14px;}
    .pager-next.active {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-next-active-X2.gif'); background-size:9px 14px;}
    .pager-last {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-last-X2.gif'); background-size:16px 14px;}
    .pager-first {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/pager-first-X2.gif'); background-size:16px 14px;}

    .oplinebtn.skyblue {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/oqlinebtn-skyblue-X2.gif'); background-size:27px 34px;}
    .oplinebtn.purple {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/oqlinebtn-purple-X2.gif'); background-size:27px 34px;}
    .oplinebtn.gray {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/oqlinebtn-gray-X2.gif'); background-size:27px 34px;}
    .label-essential {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/bullet-essential-X2.gif'); background-size:9px 9px; background-position:left 3px;}

}


/* common table */
.cm-tbl {width:100%; font-size:12px;}
.cm-tbl thead th {height:46px; font-family: arb, ygb, sans-serif; background-color:#f7f7f7; text-align:center; border-left:2px solid #fff;}
.cm-tbl thead th:first-child {border-left:none;}
.cm-tbl tbody tr td, .cm-tbl tbody tr th {border-bottom:1px solid #e4e4e4; padding:10px;}

.web .cm-tbl {font-size:14px;}
.web .cm-tbl tbody tr  td{padding:20px;}

body{visibility: hidden}
.mobile, .web, .tablet {
    visibility: visible;
}

/* main popup style */
.main-popupwrap {height:100%; display: table;}
.main-popup {max-width:620px; display: table-cell; vertical-align: middle}
.main-popup-component {padding:40px 30px 0 30px; background: #ffffff;}
.main-popup-component .com-image {margin:0 -30px;}
.main-popup-bottom {padding:17px 20px; background:#fff; border-top:1px solid #000; width:100%; position:relative;}
.main-popup-bottom .icheckbox_minimal {width: 18px; height: 18px; background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/icheck-minimal.png') no-repeat; margin-right:0;}
.main-popup-bottom .icheckbox_minimal.checked {background-position: -40px 0;}
.main-popup-bottom .closebtn {position:absolute; right:20px; bottom:20px; width:15px;}
.main-popup-bottom .closebtn img {width:100%;}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .main-popup-bottom .icheckbox_minimal {
        background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/icheck-minimal-mob-X2.png') no-repeat;
        background-size:160px 25px;
        width:23px;
        height:23px;
        margin-right:5px;
    }
    .main-popup-bottom .icheckbox_minimal.checked {
        background-position: -50px 0;
    }
}

/* modal popup */
.mainModal {width: 100%; height:100%; z-index:10000; position:absolute; }
.modal-wrapper {  margin:10px; overflow-x:hidden; overflow-y:auto; position: relative;}


#modal_wrapper{min-width:320px;}
#modal_content {min-width:280px; margin:0 20px; position:relative;}
#modal_wrapper #modal_content>div { border-top:none; text-align:center; padding-top:60px;}
#modal_wrapper #modal_content>div img {border-top:none; max-width:546px;}
#modal_wrapper #modal_content>div p {padding-top:30px; font-size:15px; font-weight:bold;}

#modal_wrapper #modal_content .modal_control{border-top:1px solid #d4d4d7; margin-top:30px; padding-top:30px; position:relative;}
.ly-wrap .prev,
.ly-wrap .next {position:absolute; top:30px; display:block; width:24px; height:24px; }
.ly-wrap .modal_control>a{text-indent:-9999em; }

.ly-wrap .other_control {width:287px; margin:0 auto;}

.ly-wrap .prevmob,
.ly-wrap .nextmob {display:none;}



/* ------ [PC] Modal dimmed Wrapper ------ */
body.ovh {overflow:hidden;} /* IE8 bug fix */
html.ovh {overflow:hidden;}
/*html.modal-opened,
html.modal-opened body {overflow:hidden;}*/
html.modal-opened-mobile,
html.modal-opened-mobile body {position:fixed;z-index:0;}
.modal {display:none;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998}
.modal-fade {position:fixed;width:100%;height:100%;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity:.5;}
.modal-dialog {overflow:auto;position:absolute;top:40px;left:50%;background:#fff;border:1px solid #000;z-index:9999;box-sizing:border-box;-moz-box-sizing: border-box}
.modal-header {padding:10px;}
.modal-header .close {position:absolute;top:0;right:0;}
.modal-body {padding:10px;}
.modal-footer {padding:20px 0;text-align:center;}
/* //------ [PC] Modal dimmed Wrapper ------ */


/* ------ Modal Layer Layout ------ */
.ly-wrap {background:#fff;position:relative;z-index:0;}
.ly-head {margin:25px 0 30px;text-align: center;}
.ly-head-tit {font-size: 25px;}
.ly-head-txt {font-size:15px;}
.tablet .ly-head {margin:0 0 25px}
.tablet .ly-head-tit {font-size: 28px;}

/* //------ Modal Layer Layout ------ */


.loadingbox { display: none; width: 34px; height: 35px; position: fixed; left:50%; top:50%; margin-left:-17px; margin-top:-17px;}
.loadingbox img {width:100%;}

/* 16.05.18 배송지 팝업 */
/* 셀렉트 */
.dSelect select{width:100%;padding:0 38px 0 5px;height:40px;line-height:38px;border:1px solid #e0e0e0;background:#fff url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/event-and-news/popup/bg_select.gif") no-repeat right center;box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none}
.selectric .label{font-size:14px;text-align:left;}
.selectric-items ul, .selectric-items li{font-size:14px;}
/* .selectric-open .selectric,.selectric-hover .selectric{border-color:#00969d;} */
.selectric .button {background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/event-and-news/popup/bg_select.gif") no-repeat 0 center;}

/* selectric */
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #e4e4e4;
  background: #fff;
  position: relative;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-hover .selectric {
 /* border-color: #C4C4C4;*/
}
.selectric-hover .selectric .button {
	text-indent:-9999px;
  /*color: #A2A2A2;*/
}
.selectric-hover .selectric .button:after {
  /*border-top-color: #A2A2A2;*/
}

.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric {
  /*border-color: #C4C4C4;*/
}
.selectric-open .selectric-items {
  display: block;
  width:100%;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  /*background: #F8F8F8;
  border: 1px solid #C4C4C4;*/
  z-index: -1;
  /*box-shadow: 0 0 10px -6px;*/
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;  
  border-left:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4;
  border-bottom:1px solid #e4e4e4;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
  background-color: #fff;
}
.selectric-items li {
  display: block;
  padding: 8px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #000;
  cursor: pointer;
  text-align:left;
}
.selectric-open .selectric-items li.selected {
  background: #8cd3ff;
  color: #000;
}
.selectric-items li.selected {
  /* background: #EFEFEF;
  color: #444; */
}
.selectric-items li:hover {
  background: #EFEFEF;
  color: #444;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}
.selectric .label{font-size:14px;text-align:left;}

/* ly */
.modal-wrap {overflow: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;display:none;position: fixed;top:0;left:0;width:100%;height:100%;padding:1px;z-index:10001;box-sizing:border-box;}
.modal-wrap .modal-content {margin:0 auto;position:relative;width:730px;background:#fff;border:1px solid #acacac;-webkit-transition:all 0.5s ease;
       -moz-transition:all 0.5s ease;
         -o-transition:all 0.5s ease;
            transition:all 0.5s ease;}
.modal-wrap .head {width:100%;padding:20px 30px;font-size:18px;color:#111;background:#f9f9f9;border-bottom:1px solid #e0e0e0;box-sizing:border-box;}
.modal-wrap .pop_content{padding:30px 30px;-webkit-perspective:1000;-moz-perspective:1000;-o-perspective:1000;perspective:1000;}
.modal-wrap .btn_modalpopupClose {display:block;position: absolute;top:20px;right:28px;}
.modal-wrap .btn_modalpopupClose img {width:22px;height:22px;}
.modal-wrap input[type="text"]{padding-left:10px;height:40px;line-height:40px;box-sizing:border-box;}
.overlay {display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity: 0.7; filter: alpha(opacity:'70');z-index:10000;}
.btnBox{text-align: center;border-top: 1px solid #e0e0e0;padding: 16px 0;}
.btnBox .btn_ty a{min-width:160px;height:50px;line-height:48px;width:auto}
.btnBox .btn_ty1 a{min-width:160px;height:50px;line-height:48px;width:auto}
.btnBox .btn_ty2 a{min-width:160px;height:50px;line-height:48px;width:auto}
.btnBox .btn_ty3 a{min-width:160px;height:50px;line-height:48px;width:auto}
.btnBox .btn_ty4 a{min-width:160px;height:50px;line-height:48px;width:auto}
.btnBox .btn_ty5 a{min-width:160px;height:50px;line-height:48px;width:auto}
p.pop_top_txt{font-size:16px;color:#444;line-height:1.5em;margin-bottom:20px;}
.pop_select_area{border-top:1px solid #e0e0e0;padding:10px 0}
.pop_select_area .dSelect{width:100%}
.pop_select_area ul li{margin-bottom:10px;}
.pop_content table{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-collapse:separate;width:100%;}
.pop_content table th{min-width:35px}
.pop_content table tbody th{line-height:1.2em;font-size:14px;padding:10px 15px;vertical-align:middle;font-weight:normal;color:#111;background:#f9f9f9;text-align:left;border-top:1px solid #f0f0f0;}
.pop_content table thead th:first-child{background:#f9f9f9;}
.pop_content table tbody td{line-height:1;padding:10px 15px;vertical-align:middle;border-top:1px solid #efefef;text-align:left;border-right:1px solid #efefef;}
.pop_content table tbody td.last{border-right:0;}
.pop_content p{line-height:1.5em}
.pop_bot {margin:0 32px 30px;}
.pop_bot .ps_txt {margin-bottom:10px;font-size:13px;}
.pop_bot .popup-agreement {font-size:13px;margin-bottom:20px;}
h4.pop_tit{font-size:20px;color:#111;margin-bottom:20px;}
h4.pop_tit .imp{text-align: right;float: right;font-size: 14px;color: #444;}
h4.pop_tit.sec{font-size:20px;color:#111;margin-bottom:20px;margin-top:50px;}
h4.pop_tit.sec span{margin-left:10px;}
h5.pop_tit{font-size:16px;color:#111;margin-bottom:15px;padding-top:15px;}

table.ver_v {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
table.ver_v th{padding:20px 0 20px 15px;}
table.ver_v td{padding:20px 15px 20px 15px;}
table.ver_v tr:first-child th{border-top:0;}
table.ver_v tr:first-child td{border-top:0;}

/* purchaseTable */
.pop_content .purchaseTable table{margin-bottom:0;border-top:0;border-bottom:0;}
.pop_content .purchaseTable tbody tr{margin-top:0;}
.modalPopupDelivery .s03_02 input[type=text]{width:260px}

/* cms.css */
.pop_content table input[type=text],input[type=tel],input[type=password],input[type=number]{padding-left:10px;height:40px;line-height:40px;border:1px solid #e0e0e0;vertical-align:middle;box-sizing:border-box;}
.dSelect{display: inline-block;*display:inline;*zoom:1;vertical-align:middle;width: 82px;}
.s03_03 .dSelect{width:30%;}
.s03_03 input[type=text]{width:30%;}
.s03_03 input[type=tel]{width:30%;}
.s03_04 .dSelect{width:30%;}
.s03_04 input[type=text]{width:30%;}
.s03_04 input[type=tel]{width:30%;}
.zipcode .dCheckbox{margin-left:10px;}
.addrInput {margin-top:10px;}
.addrInput input[type=text]{width:100%;}

.dRadio{position:relative;display: inline-block;min-width:13px;vertical-align:middle;color:#000;box-sizing:border-box;line-height:1;}
.dRadio.focus{/* border:1px solid #3c9f9a 9; */}
.dRadio label{display: inline-block;padding-left: 20px;min-height:16px;line-height:16px;position:relative;cursor:pointer;}
.dRadio.dis label{background-position:0 -298px;}
.dRadio.on label{background-position:0 -198px;}
.dRadio.dis.on label{background-position:0 -98px;}
.dRadio input{height:15px;width:15px;position:absolute;top:1px;left:-1px;vertical-align:top;}
.dRadio input:focus{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);}
.dCheckbox{position:relative;display: inline-block;min-width:13px;vertical-align:middle;box-sizing:border-box;line-height:1;}
.dCheckbox.focus{/* border:1px solid #3c9f9a 9; */}
.dCheckbox label{display: inline-block;padding-left: 20px;min-height:16px;line-height:16px;position:relative;z-index:1;cursor:pointer;}
.dCheckbox.dis label{background-position:0 -298px;cursor:default;}
.dCheckbox.on label{background-position:0 -198px;}
.dCheckbox.dis.on label{background-position:0 -98px;cursor:default;}
.dCheckbox input{height:15px;width:15px;position:absolute;top:0;left:-1px;vertical-align:top;}
.dCheckbox input:focus{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);}

.btn_ty3 {display:inline-block;*display:inline;text-align:center;vertical-align: middle;*zoom:1;}
.btn_ty3 a {display:block;width:150px;height:50px;line-height:48px;color:#000;background:#f9f9f9;border:1px solid #ccc;box-sizing:border-box;}
.btn_ty3.v2 a{padding:0 15px;width:auto;height:40px;line-height:38px;}

.fc_p {color:#106ea8;}

.dSelect .jqListBox .jqListBox-combo {height:40px;line-height:39px;font-size:14px;}
.dSelect .jqListBox .jqListBox-option {padding:10px 0 3px;height:30px;}

@media only all and (max-width: 767px) {
/* 셀렉트 */
.selectric .label{font-size:12px;height:30px;line-height:30px;white-space: normal;}
.selectric .button{height:30px;line-height:30px;}
.selectric-items ul, .selectric-items li{font-size:12px;}
.selectric-items li{padding:4px 8px;}
}

/* 우편번호 */
.addSearch{padding:20px 0;font-size:14px;}
.addSearch .addressTab{margin-bottom:10px;}
.addSearch .addressTab .li_post_tab + .li_post_tab{margin-left:10px;padding-left:11px;background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/event-and-news/popup/bg_th.gif") no-repeat 0 center;}
.addSearch .addressTab .active a{color:#106ea8;font-weight:bold;}
.addSearch .div_sub{padding:20px;border:1px solid #e0e0e0;background:#f9f9f9;}
.addSearch .div_sub .comment{margin-bottom:14px;}
.addSearch .div_sub .inputBar {margin-bottom:10px;}
.addSearch .div_sub .inputBar input[type=text]{width:78%;}
.addSearch .div_sub .inputBar .btn_ty3 {width:19%;}
.addSearch .div_sub .inputBar .btn_ty3 a{padding:0;}
.addSearch .div_sub .searchList {overflow-y:auto;padding:20px;background:#fff;height:240px;}
.addSearch .div_sub .searchList .result {margin-bottom:15px;}
.addSearch .addrTable td{padding:10px;}	
.addSearch .addrTable tr:hover td{background:#fbfbfb;}
.addSearch .addrTable tr:hover td span{color:#106ea8;border-bottom:1px solid #106ea8;}
.addSearch .addrTable tr:hover td a{color:#106ea8;}
.addSearch .btnArea {margin-top:10px;text-align:center;}
.addSearch .btnArea span{width:100px;}
.addSearch .addressDetail{margin-bottom:10px;padding:20px;background:#fff;}
.addSearch .addressDetail li + li{margin-top:10px;}
.addSearch .addressDetail li .ttl{display:block;margin-bottom:10px;}
.addSearch .addressDetail li input[type=text]{width:100%;}
.addSearch .addChange{padding:20px;background:#fff;}
.addSearch .addChange li + li{margin-top:10px;}
.addSearch .addChange li .add{padding:10px 0;}
.addSearch .selectType{margin-bottom:15px;text-align:center;}
.addSearch .selectType .dRadio{margin-bottom:10px;margin-right:20px;}
.addSearch .selectType .dRadio + .dRadio{margin-right:0;}
.addSearch .selectArea .sel01 {margin-bottom:10px;}
.addSearch .selectArea .sel01 .dSelect{width:49%;background:#fff;}
.addSearch .addressDetail li .inp2 input[type=text]{width:40%;}

/* 신청완료 */
.modal-wrap .head.top_msg {text-align:center;}
.modal-wrap .head.top_msg p strong {font-weight:bold;}
.modal-wrap .head.top_msg .searchResult_txt {font-size:15px;margin-top:20px;}

/* 16.10.10 bdsnack 윤지혜 vip 글로벌 매거진 만족도 설문(모바일만) */
.mt10 {margin-top:10px;}
.block {display:block;}
.survey_wrap {width:100%;background:url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/survey_bg1.jpg) no-repeat center top;padding:0;position:relative;background-size:cover;}
.survey_wrap img.bg {width:100%;position:relative;}
.survey_wrap .container {width:80%;margin:0 auto;padding-top:15px;}
.survey_wrap .container2 {width:91%;margin:0 auto;padding-top:15px;}
.survey_wrap h1 {color:#e2267a;font-size:24px;text-align:center;padding-top:25px;}
.survey_wrap h1 strong {font-size:36px;display:block;font-weight:bold;}
.survey_wrap h1 .gray {color:#666;}
.survey_wrap h1.h1 {font-size:17px;margin-bottom:25px;}
.survey_wrap h1.h1 strong {font-size:22px;margin-top:10px;}
.survey_wrap .stit {font-size:15px;text-align:center;color:#56494b;margin-top:10px;}
.survey_wrap .survey_box {background:rgba(255,255,255,0.8) url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/survey_bg_logo.png) no-repeat center center;border-radius:10px;margin-top:15px;padding:20px 15px 30px;border:solid 1px #dedddd;background-size:80%;}
.survey_wrap .survey_box .que {display:none;}
.survey_wrap .survey_box .que .title {font-size:18px;color:#444;margin-bottom:15px;word-break:keep-all;}
.survey_wrap .survey_box .que {display:none;}
.survey_wrap .survey_box .ans textarea {background:#f7f7f7 url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/survey_bg_logo.png) no-repeat center center;;border:none;width:100%;height:200px;background-size:80%;padding:15px;margin-bottom:20px;}
.survey_wrap input.d_rad {opacity:0;}
.survey_wrap .chk_rad {border-bottom:dashed 1px #e5e5e5;padding:10px 0;}
.survey_wrap .chk_rad.last {border-bottom:none;}
.survey_wrap .chk_rad label {font-size:16px;vertical-align:-3px;color:#999;font-weight:bold;}
.survey_wrap .checked_radio {background:url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/radio_default.png) no-repeat left top;width:20px;height:20px;border:none;background-size:100%;display:inline-block;margin-right:20px;}
.survey_wrap .checked_radio.checked {background:url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/radio_chk.png) no-repeat left top;background-size:100%;}
.survey_wrap .b_btn {text-align:center;margin-top:10px;margin-bottom:5px;}
.survey_wrap .b_btn button {background:url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/btn_next.png) no-repeat center top;width:150px;height:34px;background-size:90%;text-indent:-9999;font-size:0;line-height:0;}
.survey_wrap .b_btn button.btn_svy_ok {background:url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/btn_ok.png) no-repeat left top;}
.survey_wrap .endbox {background:#fff;border-radius:10px;border:solid 1px #dedddd;position:relative;} 
.survey_wrap .endbox img.img1 {width:35%;}
.survey_wrap .endbox .txt1 {color:#666;font-size:15px;line-height:1.4;}
.survey_wrap .endbox .black {color:#333;font-weight:bold;font-size:17px;}
.survey_wrap .svy_info {background:url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/survey_bg2.jpg) no-repeat left top;margin-top:25px;border-top:solid 1px #f2f2f2;padding:25px 0 5px;background-size:100%;}
.survey_wrap .svy_info:after {clear:both;display:block;content:"";}
.survey_wrap .svy_info ul:after {clear:both;display:block;content:"";}
.survey_wrap .svy_info li {float:left; width:50%;}
.survey_wrap .svy_info li p {font-size:14px;line-height:1.4;margin-bottom:15px;}
.survey_wrap .svy_info li p strong {font-weight:bold;}
.survey_wrap .svy_info .icon {width:40%;}
.survey_wrap .not {background:#f9f9f9;padding:3% 2%;color:#666;font-size:11px;border-radius:0 0 10px 10px;}
.survey_wrap .not span {background:#f9f9f9 url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/icon_03.png) no-repeat left top;background-size:100%;width:20px;height:20px;display:inline-block;vertical-align:-6px;margin-right:5px;}
.survey_wrap .svy_popup {position:absolute;background:#fff;border:solid 1px #dedddd;padding:20px 0; width:80%;left:10%;top:35%;border-radius:10px;}
.survey_wrap .svy_popup .txt_p {font-size:15px;margin-bottom:20px;}
.survey_wrap .svy_popup button {background:url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/btn_svyok.jpg) no-repeat left top;width:150px;height:34px;background-size:100%;text-indent:-9999;font-size:0;line-height:0;}
.survey_wrap .okbox {background:#fff url(../../../../../../../content/dam/laneige/laneige2017/kr/ko/etc/icon_04.jpg) no-repeat center 30%;border-radius:10px;border:solid 1px #dedddd;position:relative;background-size:40%;min-height:440px;padding-top:200px;} 
.survey_wrap .info_box {background:#fff;border-radius:10px;border:solid 1px #dedddd;position:relative;} 
.survey_wrap .user_info {background:#f8f8f8;border-top:solid 1px #f2f2f2;padding:20px 20px 5px;}
.survey_wrap .user_info label {display:block;font-size:14px;font-weight:bold;}
.survey_wrap .user_info input {display:block;width:100%;height:32px;padding-left:5px;border:solid 1px #c9c9c9;background:#f8f8f8;margin:8px 0 15px;}
.survey_wrap .user_agree {background:#f3f3f3;border-top:solid 1px #f2f2f2;padding:20px;border-radius:0 0 10px 10px;}
.survey_wrap .user_agree label.tit {display:block;font-size:14px;font-weight:bold;}
.survey_wrap .user_agree textarea {padding:10px;width:100%;height:80px;line-height:1.5;background:#f3f3f3;margin:8px 0 15px;}

.mobile .survey_wrap {max-width:640px;}
 @charset "utf-8";

.footer-wrap { width: 100%; max-width:1540px; margin:0 auto; position:relative;}
.footer-pagelink {min-height:40px; background:#f7f7f7; padding:15px 0; margin-top:10px;}
.footer-pagelink-wrap {margin-left:-21px;}
.footer-pagelink-wrap:after {content:""; display:block; clear:both;}
.footer-pagelink:after {content:""; display:block; clear:both;}
.footer-pagelink-box {width:50%; float:left; padding:0 14px 0 35px; height:30px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/footer-pagelink-bg-m.gif') no-repeat left center; background-size:16px;}
.footer-pagelink-box:first-child {background:none; background-repeat:no-repeat;}
.footer-pagelink-box:first-child + .footer-pagelink-box + .footer-pagelink-box {background:none;}
.footer-pagelink-box a {position:relative; display:block;}
.footer-pagelink-box a img {float:right; height:20px; margin-top:5px;}
.footer-pagelink-txtwrap {position:absolute; left:0; top:0;width:100%;}
.footer-pagelink-txttable {display:table; width:100%;height:30px; }
.footer-pagelink-txttablecll {display:table-cell; vertical-align:middle; width:100%; padding-right:26px;}

.footer-topbtn {
    position: fixed;
    bottom:0;
    background:#8cd3ff;
    width:40px;
    height:40px;
    line-height:40px;
    float:right;
    z-index:101;
}

.footer-info {color:#444; margin-top:40px; padding:40px 15px; border-top:1px solid #e4e4e4;}
.footer-info .siteinfo {padding:15px 0 25px}
/* 16.06.27 추가 */
.footer-info .footer_box {}
.footer-info .footer_box:after {clear:both;display:block;content:"";}
.footer-info .footer_box .siteinfo {float:left;}
.footer-info .footer_box .footer_pay {float:right;padding:15px;border:solid 1px #ccc;margin:10px 0;font-size:12px;}
.footer-info .footer_box .footer_pay strong {display:block;font-weight:bold;margin-bottom:5px;font-size:13px;}
.footer-info .footer_box .footer_pay a {display:block;margin-top:5px;text-decoration:underline;}

.footer-info .footlogo {padding-bottom:20px;}
.footer-info .footlogo img {width:174px;}
.footer-info .copyright {padding-bottom:25px;}
.languagesite {position:relative; margin-top:30px;}
.footer-jqList {width:100%; padding-right:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer-jqList .jqListBox-combo {height:40px; line-height:40px; font-size:12px; color:#444; border-right:none; border-color:#767676;}
.footer-jqList .jqListBox-list {width:100%; bottom:39px; margin-top:-1px; border-color:#767676; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer-jqList .jqListBox-list .jqListBox-option {height:35px; line-height:35px; font-size:12px;}
.footer-jqList .jqListBox-combo-arrow {width:35px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/footer-jqlist.gif') no-repeat 0 50%;}
.footer-jqList .jqListBox-combo-arrow.on {background-position:-35px 50%;}
.footer-jqBtn {position:absolute; right:0; top:0; }
.footer-jqBtn button {font-size:12px; width:40px; height:40px; line-height:40px; background:#767676; color:#fff;}

.subpage .footer-wrap { max-width:1200px; }


.tablet .footer-pagelink {padding:30px 0;}
.tablet .footer-pagelink-wrap {margin-left:-12px; padding-right:16px;}
.tablet .footer-pagelink-box:first-child {background:none;}
.tablet .footer-pagelink-box {width:25%; background-size:auto; font-size:14px; padding-left:42px;}
.tablet .footer-pagelink-box {height:40px; background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/footer-pagelink-bg.gif'); }
.tablet .footer-pagelink-box:first-child + .footer-pagelink-box + .footer-pagelink-box {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/footer-pagelink-bg.gif') no-repeat left center;}
.tablet .footer-pagelink-box a {height:40px;}
.tablet .footer-pagelink-box a img {height:32px;}
.tablet .footer-pagelink-txttable {height:40px; }
.tablet .footer-pagelink-txttablecll {padding-right:45px; }
.tablet .footer-topbtn {width:48px; height:48px; font-size:14px;}
.tablet .footer-info {padding:50px 30px; margin-top:60px;}
.tablet .languagesite {margin:0; width:288px; position:absolute; right:30px; bottom:50px;}
.tablet .languagesite:after {content:""; display:block; clear:both;}
.tablet .footer-jqList {padding-right:48px; width:288px; float:right;}
.tablet .footer-jqList .jqListBox-combo {height:48px; line-height:48px;}
.tablet .footer-jqList .jqListBox-list {bottom:48px;}
.tablet .footer-jqBtn button {width:48px; height:48px; line-height:48px; font-size:16px;}
/* 16.06.27 추가 */
.tablet .footer-info .footer_box .siteinfo {float:none;}
.tablet .footer-info .footer_box .footer_pay {float:none;width:310px;margin:0 0 30px;}

.web .subpage .footer-pagelink-wrap {margin-left:-28px; padding-right:0;}
.web .subpage .footer-pagelink-box {font-size:16px; padding:0 40px 0 68px;}
.web .subpage .footer-pagelink-box a img {height:40px; margin-top:0;}
.web .subpage .footer-pagelink-txttable  {height:40px;}
.web .subpage .footer-pagelink-txttablecll  {padding-right:55px;}
.web .subpage .footer-info {font-size:14px; margin-top:80px;}

/* 16.06.27 추가 */
.web .footer-info .footer_box .siteinfo {float:left;}
.web .footer-info .footer_box .footer_pay {float:right;margin:20px 0 30px}

.webM .footer-pagelink-wrap {margin-left:-28px; padding-right:0;}
.webM .footer-pagelink-box {font-size:16px; padding:0 40px 0 68px;}
.webM .footer-pagelink-box a img {height:40px; margin-top:0;}
.webM .footer-pagelink-txttable  {height:40px;}
.webM .footer-pagelink-txttablecll  {padding-right:55px;}
.webM .footer-info {font-size:14px; margin-top:80px;padding:50px 30px; }
.webM .languagesite {right:30px;}

.webL .footer-info {font-size:14px; margin-top:80px;padding:50px 0; }
.webL .languagesite {right:0;}

.footer .footer-jqListbox {z-index:200;}

.kwacc-mark {display:block;}
.webM .kwacc-mark {display:block !important; position:absolute; bottom:48px; left:340px;}
.webL .kwacc-mark {display:block !important; position:absolute; bottom:48px; left:300px;}

/* 16.06.27 추가 */
.mobile .footer-info .footer_box .siteinfo {float:none;}
.mobile .footer-info .footer_box .footer_pay {float:none;margin:0 0 25px;}

@charset "utf-8";

body.mobgnbopen, body.schopen, body.open {
    overflow: hidden;
    width: 100%;
    height:100%;
    position: absolute;
    -webkit-overflow-scrolling: auto;
}

.wrapper{ width: 100%; /*overflow: hidden;*/ position: relative;}
.header { width: 100%; height: 50px; left:0; top:0; position: fixed;  -webkit-backface-visibility:hidden; background: #ffffff;	z-index:9000; border-bottom: 1px solid #000000;}
.header-wrap { width: 100%; max-width:1600px; margin:0 auto; }
.subpage .header-wrap { max-width:1260px; margin:0 auto;}.web .subpage .gnb .dep2wrap.LaneigeStory

.header-wrap {
    position: relative;
    width: 100%;
}

/* logo */
.header h1 {
    position: relative;
    width: 80px;
    height:50px;
    margin:0 auto;
    z-index:1;
}

.header h1 a {
    line-height:50px;
    display: block;
}

.header h1 a img{ vertical-align: middle; }

.header h1 img{ width: 100%; }

.mobopen-gnbbtn {
    position: absolute;
    left:0;
    top:0;
}

.mobgnbopen-close {display:none;}
.mobopen-gnbbtn .mobgnbopen-open {display:none;}
.mobopen-gnbbtn .mobgnbopen-close {display:block;}

/* mobile menu open button */

.mobopen-gnbbtn{
    box-sizing: border-box;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top:-50px;
    left: 0;
    z-index: 9001;
    text-indent: -9999em;
}

.mobopen-gnbbtn:before,
.mobopen-gnbbtn:after,
.mobopen-gnbbtn span {
    background: #000;
    content: '';
    display: block;
    width: 23px;
    height: 3px;
    position: absolute;
    left: 15px;
}
.mobopen-gnbbtn:before {
    top: 16px;
}
.mobopen-gnbbtn span {
    top: 24px;
}
.mobopen-gnbbtn:after {
    top: 32px;
}

.ie8 .mobopen-gnbbtn:before,
.ie8 .mobopen-gnbbtn:after,
.ie8 .mobopen-gnbbtn span {
    background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ie8-menubg.gif') no-repeat center center;
    width:100%;
    height:100%;
    position:static;
}

.ie8 .mobgnbopen .mobopen-gnbbtn:before,
.ie8 .mobgnbopen .mobopen-gnbbtn:after {
    background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ie8-menuclose.gif') no-repeat center center;
    width:100%;
    height:100%;
    position:static;
}

/* Hamburger animation */
.mobopen-gnbbtn:before,
.mobopen-gnbbtn:after,
.mobopen-gnbbtn span {
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;

    -webkit-transition-property: transform, top, bottom, left, opacity;
    -moz-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
.mobgnbopen .mobopen-gnbbtn:before,
.mobgnbopen .mobopen-gnbbtn:after {
    background: #106ea8;
    top: 23px;
}
.mobgnbopen .mobopen-gnbbtn span {
    background: #106ea8;
    left: -50px;
    opacity: 0;
}
.mobgnbopen .mobopen-gnbbtn:before {
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );

}
.mobgnbopen .mobopen-gnbbtn:after {
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}

.ie8 .mobgnbopen .mobopen-gnbbtn {
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ie8-menuclosebg.png') no-repeat 50% 50%;
}

.ie8 .mobgnbopen .mobopen-gnbbtn:before,
.ie8 .mobgnbopen .mobopen-gnbbtn:after,
.ie8 .mobgnbopen .mobopen-gnbbtn span {
    display: none;
}


/* gnb */

.header-gnb {
    position: relative;
    z-index:9000;
    background: #ffffff;
}


.gnb {
    display: none;
    position: absolute;
    overflow:auto;
    width: 100%;
    left:0;
    top:0;
}

.gnb .gnb-box {
    background: #ffffff;
}

.gnb .mob-login {
    position: relative;
    background: #f7f7f7;
    border-top: 1px solid #e4e4e4;
    padding:20px 15px;
}

.gnb .mob-login:after {
    clear:both;
    content:'';
    display: block;
}

.gnb .mob-login p {
    position: absolute;
    left:15px;
    top:28px;
}

.gnb .mob-login .mob-mylnk {vertical-align:middle; margin-top:-3px; background:none;}
.tablet .gnb .mob-login .mob-mylnk {display:none;}
.gnb .mob-login .mob-mylnk img {width:18px; vertical-align:middle; margin-top:-3px;}

.gnb .mob-login .loginlnk{
    position: relative;
    float: right;
    text-align: center;
    padding-right:5px;
    height:29px;
    min-width: 60px;
    line-height:29px;
    display: block;
    background: #8cd3ff;
}

.gnb .mob-login .loginlnk{
    background: #8cd3ff;
}


.gnb .mob-login .loginlnk:after{
    content:'';
    display: block;
    top:0;
    left:-21px;
    width: 21px;
    height:29px;
    position: absolute;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/loginbtnbg.png') no-repeat 0 0;
    -webkit-background-size: 21px 29px;
    background-size: 21px 29px;
}


.ie8 .gnb .mob-login .loginlnk:after{
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ie8-loginbtnbg.png') no-repeat 0 0;
}

.gnb .mob-login .logoutlnk{
    position: relative;
    float: right;
    text-align: center;
    padding-right:5px;
    height:29px;
    width: 60px;
    line-height:29px;
    display: block;
    background: #bcbcbc;
}

.gnb .mob-login .logoutlnk{
    background: #bcbcbc;
}


.gnb .mob-login .logoutlnk:after{
    content:'';
    display: block;
    top:0;
    left:-21px;
    width: 21px;
    height:29px;
    position: absolute;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ie8-logoutbtnbg.png') no-repeat 0 0;
    -webkit-background-size: 21px 29px;
    background-size: 21px 29px;
}

.ie8 .gnb .mob-login .logoutlnk:after{
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ie8-logoutbtnbg.png') no-repeat 0 0;
}


.gnb .mob-login a{
    padding-right: 10px;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/login-arbg.png') no-repeat right 49%;
    -webkit-background-size: 6px 9px;
    background-size: 6px 9px;
}

.ie8 .gnb .mob-login a{
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/ie8-login-arbg.png') no-repeat right 49%;
}

.gnb>ul {
    width: 100%;
    height:auto;
    border-top: 1px solid #e4e4e4;
    background: #ffffff;

}

.gnb .dep1{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}

.gnb .dep1 a .hassublnk {
    width: 14px;
    height:14px;
    display: block;
    position: relative;
    float: right;
}

.gnb .dep1 a .hassublnk img{
    width: 100%;
}

.gnb .dep1>a{
    display: block;
    padding:15px 15px;
    font-size:16px;
    line-height:16px;
    font-family: arb, ygb, sans-serif;
    position: relative;
}

.gnb .dep1 .dep1-ico {display:none;}

.dep1.active {
    background-color: #8cd3ff;
}

.dep1.active .dep2wrap {
    background-color: #8cd3ff;

}

.dep1.active .dep2list {
    border-top: 1px solid #ffffff;

}
.dep1 .dep2list {
    margin:0 15px;
    padding:10px 0;
    z-index:9000;
}

.dep1 .dep2list .dep2>a{
    display: block;
    padding:10px 0;
}

.dep2wrap {
    display: none;
}

.dep3{
    display: none;
}

.dep2wrap.MyLaneige .dep2.active a:hover .dep3 {display:none !important;}


/* mob gnb bottom */

.mobgnb-bottom {
    text-align: center;
    padding:15px 30px;
    background: #f7f7f7;
}

.tabletlink {
    padding:15px 0;
}

.tabletlink a{
    position: relative;
    display: inline-block;
    padding:0 15px;
    font-family: arb, ygb, sans-serif;
}

.tabletlink a:after {
    content:'|';
    color: #d1d1d1;
    display: block;
    width: 1px;
    position: absolute;
    left:-5px;
    top:-1px;
    font-family: arl, sans-serif;

}
.tabletlink a:first-child:after{
    content:'';
}

/* gnb util */

.gnbutil {
    position: absolute;
    right:8px;
    top:10px;
    z-index:9001;
}

.gnbutil:after {
    clear:both;
    content:'';
    display: block;
}

.gnbutil .mypage-lnk{
    display: none;
}


.gnbutil .mypage-lnk,
.gnbutil .laeshop-lnk,
.gnbutil .header-totsch {
    float: left;
}

.gnbutil .mypage-lnk img,
.gnbutil .laeshop-lnk img,
.gnbutil .header-totsch img {
    width: 100%;
}

.gnbutil .mypage-lnk a,
.gnbutil .laeshop-lnk a,
.gnbutil .header-totsch button {
    width: 14px;
    display: block;
    padding:7px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.gnbutil .laeshop-lnk {
    position: relative;
}

.gnbutil .laeshop-lnk .laeshop-addnum{
    position: absolute;
    top:-5px;
    right:0;
    font-size:11px;
    padding:2px;
    color: #ffffff;
    background: #f35f91;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

}


/* gnb search */

.gnb-search {
    display: none;
    position: relative;
    height: 70px;
}

.gnb-schbox {
    margin-bottom: 20px;	background-color: #8cd3ff;


}


.gnb-search label {
    position: absolute;
    left:10px;
    top:10px;
}

.gnb-search label.hide {
    left:-9999em;
}

.gnb-search input {
    width: 100%;
    padding:0 20px 0 10px;
    background: none;
    border:none;
    height:40px;
    line-height:40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gnbsearch-btn {
    position: absolute;
    right: 8px;
    top: 5px;
}

.gnbsearch-btn button {
    float: left;
    width: 14px;
    display: block;
    padding:7px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.gnbsearch-btn button img{
    width: 100%;
}

.dimmd {
    display: none;
    position:fixed;
    top:0;
    left:0;
    z-index:900;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
}

.modal-dimmd {
    display: none;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
}

.loading-dimmd {
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
}

.open .dimmd {
    display: block;
}
.schopen .dimmd {
    display: block;

}
.mobgnbopen .dimmd {
    display: block;
}


.tablet .header  {
    height:80px;
}

.tablet .header h1 {
    height: 80px
}

.tablet .header h1 {
    width: 143px;
}

.tablet .header h1 a{
    line-height:80px;
}

/* mobile menu open button */

.tablet .mobopen-gnbbtn{
    top:-80px;
    width: 80px;
    height: 80px;
}

.tablet .mobopen-gnbbtn:before,
.tablet .mobopen-gnbbtn:after,
.tablet .mobopen-gnbbtn span {
    left: 30px;
}

.tablet .mobopen-gnbbtn:before{
    top: 30px;
}
.tablet .mobopen-gnbbtn span{
    top: 38px;
}
.tablet .mobopen-gnbbtn:after{
    top: 46px;
}

.tablet.mobgnbopen .mobopen-gnbbtn:before,
.tablet.mobgnbopen .mobopen-gnbbtn:after {
    background: #106ea8;
    top: 37px;
}


/* gnb */

.tablet .gnb .dep1>a{
    padding:26px 30px;
    font-size:24px;
}

.tablet .dep1 .dep2list {
    margin:0 30px;
    padding:10px 0;
}

.tablet .dep1.active .dep2list .dep2>a{
    display: block;
    /*padding:10px 0;*/
    font-size: 14px;
}


/* gnb util */

.tablet .gnbutil {
    right:30px;
    top:20px;
}

.tablet .gnbutil:after {
    clear:both;
    content:'';
    display: block;
}

.tablet .gnbutil .mypage-lnk{
    display: block;
}

.tablet .gnbutil .mypage-lnk a,
.tablet .gnbutil .laeshop-lnk a,
.tablet .gnbutil .header-totsch button {
    width: 20px;
    display: block;
    padding:12px;
}
.tablet .gnbutil .laeshop-lnk .laeshop-addnum {
    position: absolute;
    top: 0;
    right: 5px;
}


/* gnb search */

.tablet .gnb-search label {
    left:30px;
    top:15px;
}

.tablet .gnb-search label.hide {left:-9999em;}

.tablet .gnb-search input {
    padding:0 20px 0 30px;
    height:52px;
    line-height:52px;
}

.tablet .gnbsearch-btn {
    position: absolute;
    right: 28px;
    top: 8px;
}

.tablet .gnbsearch-btn button {
    width: 20px;
    display: block;
    padding:7px;
}

.tablet .gnb .mob-login p {left:30px; font-size:16px; top:25px;}


.web .gnb-search {
    display: none;
    height:72px;
    margin: 0 30px 0 30px;

}

.web .subpage .header {
    height:auto;
    border-bottom:2px solid #000000;
}

.web .subpage .header h1 {
    width: 179px;
    height:auto;
    padding:32px 0;
}

.web .subpage .header h1 a{
    height:auto;
    line-height: 1.2;
}


/* gnb */

.web .subpage .mobopen-gnbbtn { display: none;}

.web .subpage .dep1 .dep2wrap.Product{height:72px}

.web .subpage .gnb {
    position: relative;
    display: block;
    padding:10px 0 20px 0;
    top:0;
    overflow:visible;
}
.web .subpage .gnb>ul{
    height:42px;
}
.web .subpage .gnb ul {
    width: 100%;
    margin:0 auto;
    display: table;
    text-align: center;
    border-top: none;
}

.web .subpage .gnb .dep1{
    width: auto;
    display: inline-block;
    padding:0;
    margin:0 15px;
    border-bottom: none;
}

.web .subpage .gnb .dep1>a{
    font-size: 16px;
    padding:10px 0;
    letter-spacing: 0;
}

.web .subpage .gnb .dep1>a{
    font-size: 16px;
    padding:10px 0;

}

.web .subpage .gnb .dep1 a .hassublnk {
    display: none;
}

.web .subpage .gnb .dep1 .dep2wrap{
    z-index:19;
}

.web .subpage .gnb .dep1 .dep2wrap.Product{
    padding-left:10px;
    z-index:20;
}
.web .subpage .gnb .dep1 a .hassublnk {
    display: none;
}


.web .subpage .dep1.active {
    background: none;
}

.web .subpage .dep1>a:hover {
    padding:10px 0;
    display: block;
    border-bottom: 6px solid #8cd3ff;
}
.web .subpage .dep1.active>a{
    border-bottom: 6px solid #8cd3ff;
}

.web .subpage .dep1 .Product .dep2list .dep2>a{
    padding:27px 10px 27px 30px;
    display: block;
    font-size: 14px;
}

.web .subpage .dep1 .dep2list .dep2>a{
    display: block;
    font-size: 14px;
}


.web .subpage .gnb .dep2 .dep3{
    z-index:19;
}

.web .subpage .gnb .dep2.active .dep3{
    z-index:20;
}

.web .subpage .gnb .dep2wrap.LaneigeStory {
    display: none;
    width: auto;
    top:70px;
    margin-left:-30px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .subpage .gnb .dep2wrap.LaneigeStory ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .subpage .gnb .dep2wrap.Product {
    display: none;
    width: 100%;
    top:162px;
    left:0;
    font-size:14px;
    position: fixed;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 2px 0 1px 0;
    border-color: #000000;
    border-style: solid;
}


.web .subpage .gnb .dep2wrap.Product ul{
    display: table;
}

.web .subpage .gnb .dep2wrap.Product ul li{
    display: inline-block;
}

.web .subpage .gnb .dep2wrap.SchoolOfKBeauty {
    display: none;
    width: auto;
    top:70px;
    margin-left:-5px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}

.web .subpage .gnb .dep2wrap.SchoolOfKBeauty ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .subpage .gnb .dep2wrap.AtLaneige {
    display: none;
    width: auto;
    top:70px;
    margin-left:-5px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}

.web .subpage .gnb .dep2wrap.AtLaneige ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .subpage .gnb .dep2wrap.HowTo {
    display: none;
    width: auto;
    top:70px;
    margin-left:-5px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}

.web .subpage .gnb .dep2wrap.HowTo ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.web .subpage .gnb .dep2wrap.FindYourBeauty {
    display: none;
    width: auto;
    top:70px;
    margin-left:-5px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}

.web .subpage .gnb .dep2wrap.FindYourBeauty ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .subpage .gnb .dep2wrap.MyLaneige {
    display: none;
    width: auto;
    top:70px;
    margin-left:-50px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}

.web .subpage .gnb .dep2wrap.MyLaneige ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.web .subpage .dep2wrap.MyLaneige .dep2.active a:hover .dep3 {display:none !important;}

.web .subpage .dep2list {
    padding-bottom: 21px;
}

.web .subpage .gnb .dep2 {
    text-align: left;
}

.web .subpage .gnb .dep2>a{
    padding:9px 30px 9px 30px;
    display: block;
}

.web .subpage .gnb .dep2:first-child>a{
    padding-top:15px;
}

.web .subpage .gnb .Product .dep2list{
    width: auto;
    padding: 0;
    margin:0;
    left:0;
    text-align: left;
}

.web .subpage .gnb .Product .dep2{
    height:72px;
}

.web .subpage .gnb .Product .dep2>a{
    display: block;
    font-size: 14px;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/gnb-dep2bg.png') no-repeat 0 50%;
}

.web .subpage .gnb .Product .dep2:first-child>a{
    background:none;
}

.web .subpage .gnb .Product .dep2>a{
    position: relative;
}

.web .subpage .gnb .Product .dep3wrap{
    position: relative;
    background: #ffffff;
    padding:30px 0 0 30px;
    border-width: 0 1px 1px 1px;
    border-style:solid;
    border-color:#000000;
}

.web .subpage .gnb .Product .dep3wrap:after{
    clear:both;
    content:'';
    display: block;
}

.web .subpage .gnb .Product .dep3 {
    display: none;
    width: auto;
    position: absolute;
    top:70px;
    left:0;
}

.web .subpage .gnb .Product .dep3 dl{
    float: left;
    width:160px;
    padding-bottom: 30px;
    padding-right:30px;
}

.web .subpage .gnb .Product .dep3 dl dt{
    padding:0 0 20px 15px;

}

.web .subpage .gnb .Product .dep3 dl dd a{
    display: block;
    padding:3px 15px;
    font-size: 12px;
}

/* gnb util */

.web .subpage .gnbutil {
    right:18px;
    top:95px;
}

.web .subpage .gnbutil .mypage-lnk,
.web .subpage .gnbutil .laeshop-lnk {
    display: none;
}

.web .gnb .Product .dep2:first-child>a.active{
    color: #106ea8;
}

.web .gnb .Product .dep2:first-child .dep3 dd a:hover{
    background-color: #d1edff ;
}

.web .gnb .Product .dep2:first-child + .dep2>a.active{
    color: #cf3267;
}

.web .gnb .Product .dep2:first-child + .dep2 .dep3 dd a:hover{
    background-color: #ffc1d6 ;
}

.web .gnb .Product .dep2:first-child + .dep2 + .dep2>a.active{
    color: #4d56ce;
}
.web .gnb .Product .dep2:first-child + .dep2 + .dep2 .dep3 dd a:hover{
    background-color: #becef2 ;
}

.web .gnb .Product .dep2:first-child + .dep2 + .dep2  + .dep2>a.active{
    color: #767676;
}



.web .gnb .mob-login.res-webhide {display:none;}

.web .mobgnb-bottom {display:none; }
.web .header {
    height:auto;
    border-bottom:2px solid #000000;
    display:block;
}

.web .header h1 {
    width: 179px;
    height:auto;
    padding:32px 0;
}

.web .header h1 a{
    height:auto;
    line-height: 1.2;
}


/* gnb */

.web .mobopen-gnbbtn { display: none;}

.web .dep1 .dep2list {margin:0 auto;}
.web .dep1 .dep2wrap.Product{height:72px}

.web .gnb .dep1>a{
    font-size: 16px;
    padding:10px 25px;
    letter-spacing: 0;
}


.web .gnb {
    position: relative;
    display: block;
    padding:10px 0 20px 0;
    top:0;
    overflow:visible;
}
.web .gnb>ul{
    height:42px;
}
.web .gnb ul {
    width: 100%;
    margin:0 auto;
    display: table;
    text-align: center;
    border-top: none;
}

.web .gnb .dep1{
    width: auto;
    display: inline-block;
    padding:0;
    margin:0 15px;
    border-bottom: none;
    vertical-align:top;
}

.web .gnb .dep1>a{
    font-size: 16px;
    padding:10px 0;
    letter-spacing: 0;
    height:40px;
}

.web .gnb .dep1 a .hassublnk {
    display: none;
}


.web .gnb .dep1 .dep2wrap{
    z-index:9099;
}

.web .gnb .dep1 .dep2wrap.Product{
    z-index:20;
    padding-left:20px;
}
.web .gnb .dep1 a .hassublnk {
    display: none;
}

.web .gnb .dep1 .dep1-ico {
    display:inline-block;
    width:18px;
    margin-left:3px;
    position:relative;
    top:-3px;
}

.web .gnb .dep2 .dep3{
    z-index:19;
}

.web .gnb .dep2.active .dep3{
    z-index:20;
}

.web .gnb .dep2wrap.LaneigeStory {
    display: none;
    width: auto;
    top:70px;
    margin-left:-30px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .dep2wrap.LaneigeStory ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .gnb .dep2wrap.Product {
    display: none;
    width: 100%;
    top:162px;
    left:0;
    font-size:14px;
    position: fixed;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 2px 0 1px 0;
    border-color: #000000;
    border-style: solid;
}

.web .gnb .dep2wrap.Product ul{
    display: table;
}

.web .gnb .dep2wrap.Product ul li{
    display: inline-block;
}

.web .gnb .dep2wrap.SchoolOfKBeauty {
    display: none;
    width: auto;
    top:70px;
    margin-left:-5px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .dep2wrap.SchoolOfKBeauty ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .gnb .dep2wrap.AtLaneige {
    display: none;
    width: auto;
    top:70px;
    margin-left:-5px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .dep2wrap.AtLaneige ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .gnb .dep2wrap.HowTo {
    display: none;
    width: auto;
    top:70px;
    margin-left:-5px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .dep2wrap.HowTo ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .gnb .dep2wrap.FindYourBeauty {
    display: none;
    width: auto;
    top:70px;
    margin-left:-5px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .dep2wrap.FindYourBeauty ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .gnb .dep2wrap.MyLaneige {
    display: none;
    width: auto;
    top:70px;
    margin-left:-50px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .dep2wrap.MyLaneige ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .dep2list {
    padding-bottom: 21px;
}
.web .gnb .dep2 {
    text-align: left;
}

.web .gnb .dep2>a{
    padding:9px 30px 9px 30px;
    display: block;
}

.web .gnb .dep2:first-child>a{
    padding-top:15px;
}


.web .gnb .Product .dep2list{
    width: auto;
    padding: 0;
    margin:0;
    left:0;
    text-align: left;
    left:-190px;
}

.web .gnb .Product .dep2{
    height:72px;
}

.web .gnb .Product .dep2>a{
    padding:27px 10px 27px 30px;
    display: block;
    font-size: 14px;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/gnb-dep2bg.png') no-repeat 0 50%;
}

.web .dep1.active {
    background: none;
}

.web .dep1>a:hover {
    border-bottom: 6px solid #8cd3ff;
}
.web .dep1.active>a{
    border-bottom: 6px solid #8cd3ff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .dep1 .Product .dep2list .dep2>a{
    padding:27px 10px 27px 30px;
    display: block;
    font-size: 14px;
}

.web .dep1 .dep2list .dep2>a{
    display: block;
    font-size: 14px;
}

.web .gnb .Product .dep2:first-child>a{
    background:none;
}

.web .gnb .Product .dep2>a{
    position: relative;
}

.web .gnb .Product .dep3wrap{
    position: relative;
    background: #ffffff;
    padding:30px 30px 0 30px;
    border-width: 0 1px 1px 1px;
    border-style:solid;
    border-color:#000000;
}

.web .gnb .Product .dep3wrap:after{
    clear:both;
    content:'';
    display: block;
}

.web .gnb .Product .dep3 {
    display: none;
    width: auto;
    position: absolute;
    top:70px;
    left:0;
}

.web .gnb .Product .dep3 dl{
    float: left;
    width:130px;
    padding-bottom: 30px;
}

.web .gnb .Product .dep3 dl dt{
    padding:0 0 20px 15px;

}

.web .gnb .Product .dep3 dl dd a{
    display: block;
    padding:3px 15px;
    font-size: 12px;
}

/* gnb util */

.web .gnbutil {
    right:18px;
    top:95px;
}

.web .gnbutil .mypage-lnk,
.web .gnbutil .laeshop-lnk {
    display: none;
}


.webM .gnb-search label {top:13px;}

/* shop gnb 2depth */
.web .subpage .gnb .dep2wrap.Shop {
    display: none;
    width: auto;
    top:70px;
    margin-left:-30px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}

.web .subpage .gnb .dep2wrap.Shop ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .gnb .dep2wrap.Shop {
    display: none;
    width: auto;
    top:70px;
    margin-left:-30px;
    position: absolute;
    background: #ffffff;
    font-family: arb, ygb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .dep2wrap.Shop ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gnbutil .laeshop-lnk.basket a {width:18px;}
.tablet .gnbutil .laeshop-lnk.basket a {width:24px;}

@charset "utf-8";
.icheckbox_minimal,
.iradio_minimal {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	width: 21px;
	height: 24px;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/icheck-minimal-mob.png') no-repeat;
	border: none;
	cursor: pointer;
    margin-right:5px;
}

.icheckbox_minimal {
	background-position: 0 0;
}
.icheckbox_minimal.hover {
	background-position: 0 0;
}
.icheckbox_minimal.checked {
	background-position: -50px 0;
}
.icheckbox_minimal.disabled {
    background-position: 0 0;
	cursor: default;
}
.icheckbox_minimal.checked.disabled {
    background-position: -50px 0;
}

.icheckbox_minimal.focus {
	outline:1px dotted #000;
}

.iradio_minimal {
	background-position: -75px 0;
}
.iradio_minimal.hover {
	background-position: -75px 0;
}
.iradio_minimal.checked {
	background-position: -125px 0;
}
.iradio_minimal.disabled {
    background-position: -75px 0;
	cursor: default;
}
.iradio_minimal.checked.disabled {
    background-position: -125px 0;
}

.iradio_minimal.focus {
	outline:1px dotted #000;
}

.iradio_minimal label {vertical-align: top}

.tablet .icheckbox_minimal,
.tablet .iradio_minimal {
    width: 18px;
    height: 18px;
    background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/icheck-minimal.png') no-repeat;
    margin-right:0;
}
.tablet .icheckbox_minimal {
    background-position: 0 0;
}
.tablet .icheckbox_minimal.hover {
    background-position: -20px 0;
}
.tablet .icheckbox_minimal.checked {
    background-position: -40px 0;
}
.tablet .icheckbox_minimal.disabled {
    background-position: 0 0;
    cursor: default;
}
.tablet .icheckbox_minimal.checked.disabled {
    background-position: -40px 0;
}

.tablet .icheckbox_minimal.focus {
    outline:1px dotted #000;
}

.tablet .iradio_minimal {
    background-position: -100px 0;
}
.tablet .iradio_minimal.hover {
    background-position: -120px 0;
}
.tablet .iradio_minimal.checked {
    background-position: -140px 0;
}
.tablet .iradio_minimal.disabled {
    background-position: -100px 0;
    cursor: default;
}
.tablet .iradio_minimal.checked.disabled {
    background-position: -140px 0;
}

.tablet .iradio_minimal.focus {
    outline:1px dotted #000;
}


@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal,
    .iradio_minimal {
        background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/icheck-minimal-mob-X2.png') no-repeat;
        background-size:160px 25px;
        width:23px;
        height:23px;
    }
    .icheckbox_minimal {
        background-position: 0 0;
    }
    .icheckbox_minimal.hover {
        background-position: 0 0;
    }
    .icheckbox_minimal.checked {
        background-position: -50px 0;
    }
    .iradio_minimal {
        background-position: -75px 0;
    }
    .iradio_minimal.hover {
        background-position: -75px 0;
    }
    .iradio_minimal.checked {
        background-position: -124px 0;
    }
}
@charset "utf-8";

/* category */
.product-content {
	width: 100%;
	position: relative;
}

.product-content:after {
	clear:both;
	content:'';
	display: block;
}


/* filter */
.product-filter-control {
	width: 100%;
	background-color: #fff;
}

.productlist-filter-stiky {
	height:52px
}

.product-filter {
	width: 100%;
	/*height:52px;*/
	/*padding:20px 0 20px 0;*/
	padding:20px 0 0 0;
	text-align: center;
	background: #ffffff;
	z-index:30;

}
.product-filter:after {
	clear:both;
	content:'';
	display: block;
}

.product-filterbox {
	width: 50%;
	padding-right: 10px;
	float: left;
	position: relative;
}

.product-filterbox.active:after{
	content:'';
	display: inline-block;
	width: 23px;
	height: 20px;
	position: absolute;
	left:50%;
	bottom:-1px;
	margin-left:-11px;
	z-index:20;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-active.png') no-repeat 0 top;
}

.product-softfilterbox {
	display: none;
	width: 100%;
	z-index:10;
	background: #ffffff;
	text-align: left;
}

.product-softfilterbox>ul{
	border:1px solid #000000;
}

.product-softfilterbox>ul>li{
	position: relative;
	font-size: 16px;
	padding-top: 7px;
	padding-bottom: 20px;
	/*border-top: 1px solid #e4e4e4;*/
}

.product-softfilterbox>ul>li:before{
	content:'';
	display: block;
	height:1px;
	margin:1px 20px 0 20px;
	background: #e4e4e4;
}


.web .product-softfilterbox>ul>li:before{
	display: none;
}

.product-softfilterbox>ul>li:first-child:before{
	display: none;
}

.product-softfilterbox>ul>li>span{
	display: block;
	padding:20px 20px 0 20px;
	font-family: arb, ygb, sans-serif;
}

.product-softfilterbox>ul>li:first-child{
	padding-top: 0;
}

.product-softfilterbox>ul>li a{
	font-size: 12px;
	padding: 8px 20px;
	display: block;
}

.product-softfilterbox>ul>li a:hover{
	background: #e1fbfa;
}
.product-softfilterbox>ul>li a.active{
	background: #e1fbfa;
    text-decoration:underline;
}
.product-softfilterbox.product-sort-list>ul>li a.active{
	background: none;
}

.product-softfilterbox>ul>li>ul{
	padding-top: 20px;
}

.product-filter-btn button{
	display: block;
	position: relative;
	text-align: left;
	width: 100%;
	height:31px;
	line-height:31px;
	padding-bottom: 20px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-bottom: 1px solid #e4e4e4;

}


.product-filter-btn button:after{
	width: 31%;
	height:31px;
	line-height:31px;
	position: absolute;
	right:0;
	top:0;
	content:'';
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-opensate-bg.png') no-repeat right top ;
}

.product-controlbtn.active .product-filter-btn button:after{
	background-position: right -31px;
}

/* filter */

.tablet .product-content {
	margin-top:0px;
}

.web .product-content {
	margin-top: 20px;
}

.tablet .product-filter {
	padding:20px 0 0 0;
}
.web .product-filter {
	padding:0 0 0 0;
}

.tablet .product-filterbox {
	padding-right: 20px;
}

.tablet .product-filter-btn button span{
	display: inline-block;
}

.tablet .product-filter-btn button:after{
	width: 31%;
	height:31px;
	line-height:31px;
	position: absolute;
	right:0;
	top:0;
	content:'';
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-opensate-bg.png') no-repeat right top ;
}

.tablet .product-softfilterbox {
	padding:0;
	position: absolute;
}

.web .product-softfilterbox {
	position: relative;
}


.tablet .product-softfilterbox>ul{
	font-size:0;
	width: 100%;
	height:100%;
	display: table;
	padding: 20px 0 ;
}
.tablet .product-softfilterbox.product-sort-list>ul>li{
	width: 25%;

}
.tablet .product-softfilterbox>ul>li{
	vertical-align: top;
	position: relative;
	display: inline-block;
	height:100%;
	width: 33.33%;
	min-height:390px;
	padding-top: 0;
	padding-bottom: 0;
	border-left: 1px solid #e4e4e4;
}

.tablet .product-softfilterbox>ul>li:before{
	display: none;
}

.tablet .product-softfilterbox>ul>li:first-child:before{
	display: none;
}

.tablet .product-softfilterbox>ul>li>span{
	padding:0 20px 0 20px;
}


/* filter */

.web .product-filter {
	float: left;
	width: 25%;
}
.web .product-filter:after {
	clear:both;
	content:'';
	display: block;
}
.web .product-filter.active:after {
	background: none;
}



.web .product-filterbox>span {
	float: left;
	width: 180px;
	text-align: left;
	display: block;
	padding:17px 0 17px 20px;
	border-bottom: 1px solid #e4e4e4;
}

.web .product-filter>span:after {

}


.web .product-softfilterbox {
	display: block;
	float: left;
	top:0;
	width: 100%;
	position: relative;
	padding:0;
}



.web .product-filter-list {
	position: relative;
	padding:0;
	margin:0;
}


.web .product-softfilterbox>ul{
	width: 180px;
	display: block;
	border:none;
	padding-top: 10px;

}

.web .product-softfilterbox>ul>li{
	display: block;
	width: 100%;
	min-height:100%;
	border-left: none;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 20px;
}

.web .product-softfilterbox>ul>li>span{
	padding:20px 20px 0 20px;
}




/* Sort */

.product-sort {
	position: relative;
	right:0;
	width: 50%;
	padding:0 0 0 10px;
	float: right;
}

.product-sort.active:after{
	content:'';
	display: inline-block;
	width: 23px;
	height: 20px;
	position: absolute;
	left:50%;
	bottom:-1px;
	margin-left:-11px;
	z-index:20;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-active.png') no-repeat 0 top;
}

.product-sort-list.product-softfilterbox>ul>li {
	padding: 0;
	min-height:100%;
}

.product-sort-list.product-softfilterbox>ul>li>a:hover {
	background: none;
}
.product-sort-list.product-softfilterbox>ul>li>a.active {
	color: #106ea8;
	background: none;
	text-decoration: underline;
}


.tablet .product-filter {
	height:auto;
}

/* Sort */

.tablet .product-sort {
	top:0;
	right:0;
	width: 50%;
	margin-top:0;
	padding:0 0 0 20px;
}

/* Sort */

.web .product-sort {
	position: absolute;
	width: 80px;
	right:430px;
}

.web .product-sort span{
	float: left;
	padding-top: 20px;
	padding-right: 10px;
}

.web .product-sort-list.product-softfilterbox {
	position: absolute;
	right:30px;
	top:0;
	width: auto;
}

.web .product-sort-list.product-softfilterbox>ul{
	width: auto;
	margin-top: 15px;

}
.web .product-sort-list.product-softfilterbox>ul>li {
	float: left;
	width: auto;
	border-bottom: none;
}
.web .product-sort-list.product-softfilterbox>ul>li>a {
	border-left: 1px solid #e4e4e4;
	height:auto;
	padding-top:0;
	padding-bottom:0;
	line-height:100%;
}

.web .product-sort-list.product-softfilterbox>ul>li:first-child>a {
	border-left: none;
}





/* list wrap */
.product-wrap {
	margin-top: 56px;
	vertical-align: top;
	display: inline-block;
	width: 100%;
}

.product-listwrapper {
	overflow: hidden;
	width: 100%;
}

.product-list-wrap {
	margin-left: -20px;
}

.product-list-wrap:after {
	clear:both;
	content:'';
	display: block;
}

.product-list-item{
	float: left;
	padding-left: 20px;
	padding-bottom: 30px;
	width: 50%;
	position: relative;
    height:374px; /* 16.08.30 bdsnack 윤지혜 제품 할인/정가 추가 */
}


.product-image {
	width: 100%;
	text-align: center;
	max-width: 180px;
	margin:0 auto;
}

.product-image img{
	width: 100%;
}

.product-list-item a{
	display: block;
}

.product-list-item span {
	display: block;
}

.product-list-title {
	padding: 10px 0 16px 0;
	height:65px;
}

.product-list-price{
	padding-top: 10px;
	min-height:32px;
}


.product-overlnk {
	position: absolute;
	width: 100%;
	top:50%;
	margin-top:-20px;
	z-index:20;
	max-width:178px;
	left:50%;
	margin-left:-68px;
}

.product-overlnk a, .product-overlnk button {
	width: 87px;
	height:35px;
	text-align: center;
	line-height:35px;
	position: absolute;
}

.product-overlnk-quick {
	left:0;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quicklnk-bg.png') no-repeat 0 -35px;
	padding-right:10px;
}

.product-overlnk-quick:hover {
	background-position: 0 0;
}

.product-overlnk-details {
	right:20px;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detaillnk-bg.png') no-repeat 0 -35px;
	padding-left:10px;
}

.product-overlnk-details:hover {
	background-position: 0 0;
}

.product-overlnk {
	display: none;
}

/* list wrap */

.tablet .product-list-item{
	width: 25%;
    height:352px; /* 16.08.30 bdsnack 윤지혜 제품 할인/정가 추가 */
}

/* list wrap */
.web .product-wrap {
	float: left;
	width: 75%;
}
.web .product-listwrapper {
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid #e4e4e4;
}
.web .product-list-item{
	width: 25%;
	display: inline-block;
    height:374px; /* 16.08.30 bdsnack 윤지혜 제품 할인/정가 추가*/
}

.web .product-list-title {height:80px;}

.web .product-list-item.active:after{
	z-index:1;
	content:'';
	width: 23px;
	height: 21px;
	position: absolute;
	bottom:-1px;
	left:50%;
	margin-left:-9px;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-active.png') no-repeat 50% bottom ;
}
.web .product-list-item.active.lastline:after{
	z-index:1;
	content:'';
	width: 23px;
	height: 21px;
	position: absolute;
	top:-61px;
	left:50%;
	margin-left:-9px;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-active.png') no-repeat 50% bottom ;
}






/* quick view */


.product-list-detailinfo {
 	display: none;
}

/* quick view */
.web .product-list-detailinfo {
 	display: none;
	float: right;
	width: 100%;
	padding-left: 20px;
	padding-bottom: 40px;
}

.web .product-list-quickview-wrap {
	position: relative;
	border: 1px solid #000000;
	width: 100%;
}

.web .product-list-quickview-box {
	padding: 30px;
	min-height: 490px;
}

.web .product-list-quickview-box:after {
	clear: both;
	content: '';
	display: block;
}

.web .product-list-quickview-image {
	max-width: 339px;
	width: 38%;
	position: absolute;
	left: 30px;
	top: 40px;
	text-align: center;
	z-index: 1;
}

.web .product-list-quickview-image img {
	width: 100%;
}

.web .product-list-quickview-imagebtn {
	width: 137px;
	height: 39px;
	line-height: 39px;
	padding-right: 20px;
	font-size: 14px;
	margin-top: 40px;
	display: inline-block;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-detailviewbtn.png') 0 0 no-repeat;
}

.web .product-list-quickview-info {
	position: relative;
	padding-top: 10px;
	padding-left: 43%;
}

.web .product-list-quickview-title {
	font-size: 30px;
	padding-bottom: 25px;
	padding-right: 30px;
}

.web .product-list-quickview-like:after {
	clear: both;
	content: '';
	display: block;
}

.web .product-list-quickview-like {
	padding-bottom: 25px;
}

.web .product-list-quickview-like dl dt, .web .product-list-quickview-like dl dd {
	float: left;
}

.web .product-list-quickview-like dl dt {
	padding-right: 20px;
	font-size: 14px;
}

.web .product-list-quickview-like dl dd {
	font-size: 16px;
}

.web .product-list-quickview-likeheart {
	float: left;
	/*padding-bottom: 25px;*/
}

.web .product-list-quickview-likeheart span {
	float: left;
	padding-right: 10px;
	line-height: 13px;
	font-size: 16px;
}

.web .product-list-quickview-likeheart .product-list-likeheart {
	float: left;
}

.web .product-list-quickview-reviewnum {
	float: left;
	font-size: 14px;
	padding-left: 20%;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-line.png') no-repeat 20% 50%;
}

.web .product-list-quickview-reviewnum span {
	font-size: 16px;
	line-height: 13px;
	padding-right: 10px;
}

.web .product-list-quickview-infotext {
	padding-bottom: 25px;
	border-bottom: 1px solid #e4e4e4;
}

.web .product-list-quickview-colorchip {
	padding: 25px 0;
	text-align: left;
	overflow: hidden;
	border-bottom: 1px solid #e4e4e4;
}

.web .product-list-quickview-tit {
	font-size: 14px;
}

.web .product-list-quickview-colorchip .product-list-quickview-like {
	padding-bottom: 0;
}

.web .product-list-quickview-colorchip ul {
	margin-left: -10px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.web .product-list-quickview-colorchip ul:after {
	clear: both;
	content: '';
	display: block;
}

.web .product-list-quickview-colorchip ul li {
	float: left;
	width:40px;
	padding-left: 10px;
	padding-bottom: 10px;
}


.web .product-list-quickview-colorchip img {
	width:100%;
}


.web .product-list-quickview-price {
	display: table;
	font-size: 0;
	width: 100%;
	padding: 30px 0 0 0;
}




.web .product-list-quickview-price div {
	position: relative;
}

.web .product-list-quickview-pricebox {
	display: table;
	font-size: 0;
	width: 100%;
}
.web .product-list-quickview-pricebox div:after {
	position: absolute;
	left: -60px;
	bottom: 10px;
	content: '';
	width: 16px;
	height: 16px;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-line.png') no-repeat 0 bottom;
}

.web .product-list-quickview-pricebox .prolist-col3:after {
	background: none;
}


.web .product-list-quickview-price div dt {
	font-size: 14px;
	padding-bottom: 10px;
}

.web .prolist-col1, .web .prolist-col2{
	display: inline-block;
	width: 50%;
	margin-bottom:20px;
}

.web .prolist-col1, .web .prolist-col2,  .web .prolist-col3{
	vertical-align:top;
}

.web .prolist-col1 dl, .web .prolist-col2 dl {
	margin-bottom: 20px;
}

.web .product-list-quickview-pricebox {
	overflow:hidden;
}

.web .prolist-col1 dl dd{
	width: 100%;
	position: relative;
	font-size: 20px;
	padding-right: 10px;
}

.web .prolist-col2 dl{
	width: 100%;
	display: table;
	font-size: 0;
}

.web .prolist-col2 dl dd, .web .prolist-col3 dl dd{
	width: 50%;
	display: inline-block;
	position: relative;
	font-size: 16px;
	text-align: left;
}

.web .prolist-col2 dl dd span{
	padding-left: 10px;
}


.web .prolist-col1 dl,.web .prolist-col2 dl, .web .prolist-col3 dl {
	position: relative;
	height:60px;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}



.web .product-list-quickview-price .prolist:first-child:after {
	background: none;
}

.web .product-list-quickview-util {
	background-color: #f7f7f7;
	/*height: 70px;*/
}

.web .product-list-utilleft {
	float: left;
	width: 65%;
	position: relative;
}

.web .product-list-utilleft .product-buy-label{
	position: absolute;
	top:28px;
	width: 30px;
}

.web .product-list-utilleft .jqListBox{
	padding-left: 30px;
	position: relative;
}

.web .product-list-utilleft .jqListBox-list{
	left: 30px;
	position: absolute;
	background: #ffffff;
}

.web .product-list-utilleft .jqListBox-combo{
	background: #ffffff;
	border:none;
}

.web .product-list-utilleft .jqListBox-combo-txt {
	font-size: 12px;
	overflow: hidden;
	width: 80%;
	height: 100%;
}

.web .product-list-utilleft .jqListBox-combo-arrow{
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown.png') 0 50% no-repeat;
}

.web .product-list-utilleft .jqListBox-combo-arrow.on{
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectup.png') 0 50% no-repeat;
}

.web .product-list-utilselect.jqListbox-adapt{
	height: auto;
}

.web .product-list-utilselectbox {
	position: relative;
	float: left;
	padding:14px 10px 13px 20px;
	width: 50%;
}

.web .productbuy-quantity-control {
	position: relative;
	margin-left: 30px;
	padding: 0 43px;
}

.web .productbuy-quantity-control input[type=text]{
	width: 100%;
	height:43px;
	border:0 solid #ffffff;
	text-align: center;

}

.web .productbuy-quantity-control button{
	position: absolute;
	width: 43px;
	height:43px;
	top:0;
	right:0;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-up.png') #cfcfcf no-repeat 50% 50% ;
}
.web .productbuy-quantity-control button:first-child{
	left:0;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-down.png') #cfcfcf no-repeat 50% 50% ;
}

.web .product-list-utilright {
	float: left;
	width: 35%;
}

.web .product-list-basket, .product-list-wish {
	float: left;
	width: 50%;
	text-align: center;
}
.web .product-list-wish {
	padding-right: 0;
}

.web .product-list-basket a, .web .product-list-wish a {
	font-family: arb, ygb, sans-serif;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	height:70px;
	line-height: 70px;
	padding-left: 30px;
}

.web .product-list-basket a {
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quicklnk-cart.png') no-repeat 0 50%
}
.web .product-list-wish a {
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quicklnk-wish.png') no-repeat 0 50%
}

.web .product-list-quickview-close {
	position: absolute;
	right: 30px;
	top: 50px;
}

.web .product-buybtn {
	width: 100%;
	height:70px;
	line-height: 70px;
	text-align: center;
	background-color: #66bcf0;
	font-family: arb, ygb, sans-serif;
}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
	.product-list-utilleft .jqListBox-combo-arrow{ background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown-X2.png'); background-size:15px 8px; }
}


.webS .prolist-col2{
	width: 40%;
}

.webS .prolist-col1, .prolist-col3{
	display: inline-block;
	width: 30%;
}
.webS .prolist-col2 dd, .prolist-col3 dd{
	padding-top: 2px;
}

.webS .prolist-col2 dl dd{
	width:auto;
	padding-right : 20px;
}


.webS .product-list-quickview-pricebox div:after {
	left: -30px;
	bottom:15px;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-line.png') no-repeat 0 bottom;
}

.webS .product-list-quickview-pricebox .prolist-col2:after {
	left: -45px;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-line.png') no-repeat 0 bottom;
}


.webS .product-list-quickview-pricebox .prolist-col3:after {
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-line.png') no-repeat 0 bottom;
}


.webS .product-list-quickview-boxleft {
	width: 80%;
	float: left;
}

.webS .product-buybtn {
	width: 20%;
	float: right;
	height:70px;
	line-height: 70px;
	text-align: center;
	background-color: #66bcf0;
	font-family: arb, ygb, sans-serif;
}




/* product ico */

.product-ico {
	position: absolute;
	left:20px;
	top:0;
}

.product-ico ul li {
	padding-bottom: 2px;
	width: 32px;

}

.product-ico ul li img{
	width: 100%;
}

.tablet .product-ico ul li {
	padding-bottom: 5px;
	width: 40px;
}

.prouduct-refresh {background:#0f73b9; color:#fff; width:100%; height:30px; line-height:30px; margin-top:10px;}

.product-list-quickview-pricebox dl dd img {width:20px;}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
	.product-filter-btn button:after{ background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-opensate-bg-X2.png'); background-size:31px 62px; }
}

/* 20160805 추가 */
.product-list-price-origin {padding-top:15px;text-align:center;}
.product-list-price-origin span {display:inline;color:#999;}
.product-list-price-origin span.price-origin {text-decoration:line-through;}
.product-list-price-origin span.price-dc {padding-left:7px;color:#1cb1fe;}
/* 16.08.30 bdsnack 윤지혜 추가 */
@media only all and (max-width:767px){
	.mobile .product-list-item {height:327px;}
}
@media only all and (max-width:413px){
    .mobile .product-list-item {height:307px;}
}


@charset "utf-8";

.custom-procontit.opt-procontit-subtit {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-subtitbg-line.gif') no-repeat right top;}
.custom-procontit.opt-procontit-subtit span {padding-bottom:15px; display:inline-block; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-subtitbg-bar.gif') no-repeat left bottom; }

.web .product-detail-itemcon {position:relative;}
.web .product-detail-left {position:absolute; left:0; top:0; width:240px; padding-right:20px;}
.web .product-detail-right {width:100%; padding-left:240px;}
.web .custom-procontit.opt-procontit-subtit {min-height:120px; min-width:160px; display:inline-block; background-position:right bottom;}
.web .custom-procontit.opt-procontit-subtit span {word-wrap:break-word; padding-right:50px;}
@charset "utf-8";


/* product sns share */
.tablet .com-breadcrumb p {padding-right:160px;}
.com-subshare {display:none;}
.com-subshare.productshare {display:block;}
.com-subshare.productshare .com-subshare-list {margin:0;}
.com-subshare.productshare .com-subshare-wrap {top:0; position: relative;}

.com-subshare-btn button {display:none; position:absolute; right:15px; top:20px; width:20px;}
.com-subshare-btn button > img {width:100%;}
.com-subshare-btn button.show {display:block;}

.com-subshare.productshare .com-subshare-list.show {display:block;}


.tablet .com-subshare-wrap {top:-45px; right:0;}
.tablet .com-subshare-btn {display:none;}
.tablet .com-subshare-wrap .com-subshare-list {display:block !important; background:none; margin:0; padding:0 30px 0 0; text-align:right;}
.tablet .com-subshare.productshare .com-subshare-wrap {top:-45px; position: absolute; width:170px;}


.product-simplewrap .product-list-likeheart, .product-detailwrap .product-list-likeheart {height:11px; }
.product-simplewrap .product-list-overbg, .product-detailwrap .product-list-overbg { width: 71px; height:11px; background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-likeheartbg.png') no-repeat 0 0;}
.product-simplewrap .product-list-likeheart, .product-detailwrap .product-list-likeheart  { width: 71px; height:11px;}


.prodetail-tabtit {background-color:#e1f3fb; font-family: arb, ygb, sans-serif; font-size:16px; height:52px; line-height:52px; padding:0 15px;}
/*.product-detail-itemcon:last-child {border-bottom:1px solid #e4e4e4;}*/
.product-detail-itemconwrap {border-bottom:1px solid #e4e4e4;}
.product-detail-lefttit {padding-left:15px; padding-right:15px;}
.product-detail-item button.prodetail-tabtit {display:block; width: 100%; text-align: left; margin-top:-1px;}
.product-detail-item .input-label {white-space:normal;}
.prodetail-tabtit span {display:block; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-up.png') no-repeat right center;}
.prodetail-tabtit.active span {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-down.png') no-repeat right center;}

.tablet .product-detail-lefttit {padding-left:30px; padding-right:30px;}
.tablet .product-detail-item button.prodetail-tabtit {display:none}
.tablet .prodetail-tabtit {display:none;}

.web .product-detail-item button.prodetail-tabtit {display:none}

/* product detail review area */

.prodetail-reviewtype li {padding-bottom:30px; position:relative;}
.prodetail-review-th {padding-bottom:7px; display:inline-block;}

.filestyle {position:relative; margin-bottom:10px;}
.filestyle input[type="file"] {position:absolute; width:100%; right:0; bottom:0; z-index:-999; height:32px;}
.filestyle label {background:#cfcfcf; cursor:auto; margin-top:10px; width:100%; height:32px; display:inline-block; text-align:center; line-height:32px;}
.filestyle-filename {width:100%; height:32px; display:inline-block; background:#fff; border:1px solid #000; padding:0 10px;}


.tablet .prodetail-review-th {position:absolute; width:155px; padding-bottom:0; left:0; top:0; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/common/subcon-titbg.png') no-repeat 105px center;}
.tablet .prodetail-review-row {width:100%; padding-left:155px;}
.tablet .prodetail-review-row:after {content:""; display:block; clear:both;}
.tablet .prodetail-review-td .product-list-likeheart {display:inline-block; margin:0; width: auto; height:11px; vertical-align: middle;}
.tablet .prodetail-review-td {float:left; width:20%;}

.tablet .filestyle input[type=file] {right:0; width:96px;}
.tablet .filestyle label {position:absolute; right:0; top:0; margin-top:0; width:96px;}
.tablet .filestyle-filename-wrap {padding-right:105px; width:100%;}

.web .prodetail-review-th {background-position:115px center;}
.web .prodetail-review-td {width:18%;}


/* product top info area */
/* top */

.product-simplewrap .thumb-indi { display: none;}
.product-simplewrap .product-list-detailinfo { display: block;}
.product-simplewrap .product-list-quickview-wrap { border:none; padding: 70px 0 0 0; margin:0 15px 50px; }
.product-simplewrap .product-list-quickview-box {}
.product-simplewrap .product-list-quickview-util {margin:0 -15px; padding-top:40px;}
.product-simplewrap .product-list-quickview-image { position: relative; padding:0 0 40px 0; margin-bottom: 30px; text-align: center;}
.product-simplewrap .product-list-quickview-image .UIslider-item{ position: relative; width: 100%;}
.product-simplewrap .product-list-quickview-image .UIslider-item a{ vertical-align: top; }
.product-simplewrap .product-list-quickview-image .UIslider-item img{ max-width:500px; }
.product-simplewrap .product-list-quickview-image .slider-pagerbox { bottom: 0;}
.product-simplewrap .product-list-quickview-image .slider-pagerbox .slider-indicator{ display: inline-block; }
.product-simplewrap .product-list-quickview-image .slider-pagerbox .UIslider-prev{ display: none;}
.product-simplewrap .product-list-quickview-image .slider-pagerbox .UIslider-next{ display: none;}
.product-simplewrap .product-list-quickview-title { font-size: 30px; letter-spacing: -1px; padding-bottom: 20px;}
.product-simplewrap .product-list-quickview-stitle { font-size: 24px; letter-spacing: -1px; padding-bottom: 20px;}

.product-simplewrap .product-list-quickview-like{
	font-size: 0;
	padding-bottom: 30px;
}

.product-simplewrap .product-list-quickview-colorchip .product-list-quickview-like{
	font-size: 0;
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 30px;
}
.product-simplewrap .product-list-quickview-colorchip li button img{
	border: 2px solid #ffffff;
	width:34px;
}
.product-simplewrap .product-list-quickview-colorchip li.active button img{
	border: 2px solid #000000;
}


.product-list-quickview-like, .product-list-quickview-price { display: table; width: 100%; font-size: 0;}
.product-list-quickview-price {}
.proview-col1{ width: 100%; padding-bottom: 20px; }
.proview-col1 dl dt{ font-size: 12px; }
.proview-col1 dl dd{ font-size: 24px; }

.proview-col2 { width: 60%; display: inline-block; position: relative; font-size: 12px; vertical-align: top;}
.proview-col3 { width: 40%; display: inline-block; position: relative; font-size: 12px; vertical-align: top;}
.proview-col2 span, .proview-col3 span { width: 100%; display: inline-block; font-size: 16px;}
.proview-col2 dl dt, .proview-col3 dl dt { padding-bottom: 5px; }
.proview-col2 dl dd, .proview-col3 dl dd { font-size: 20px; }
.proview:after {
	content:'';
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	left:-35px;
	top:5px;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-simple-line.png') no-repeat 0 0 ;
}
.product-list-quickview-like>.proview:first-child:after, .product-list-quickview-like>.proview:first-child:after { background: none;}
.proviewdd-colbox { display: table; font-size: 0; width: 100%;}
.proviewdd-colbox dt{ font-size: 12px;}
.proviewdd-col2 {width:50%; display: inline-block; position: relative;}
.proviewdd-col2 img{ width: 20px; position: absolute; left:0; top:5px;}
.proviewdd-col2 span{ padding-left: 30px;}

.product-simplewrap .product-list-likeheart {
	float: left;
}

.product-simplewrap .product-list-quickview-reviewnum {
	font-size: 12px;
}

.product-simplewrap .product-list-quickview-infotext {
	padding-bottom: 30px;
	border-bottom: 1px solid #e4e4e4;
}

.product-simplewrap .product-list-quickview-colorchip {
	padding:30px 0;
}

.product-simplewrap .product-colorchip-info {
	padding-bottom: 20px;
	font-size: 12px;
}

.product-simplewrap .product-list-quickview-colorchip ul{
	margin-left:-14px;
}
.product-simplewrap .product-list-quickview-colorchip ul li {
	float: left;
	padding: 0 0 14px 14px;
}

.product-simplewrap .product-list-quickview-pricebox {
	padding-bottom: 30px;
	font-size: 0;
}

/* util */

.product-simplewrap .product-list-quickview-boxleft {
	background-color: #f7f7f7;
	padding:15px;
	position: relative;
	z-index: 1;
}

.product-simplewrap .product-list-utilleft {
	margin-left: -10px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.product-simplewrap .product-list-utilleft .product-buy-label{
	width: 100%;
	padding-bottom: 5px;
	display: block;

}

.product-simplewrap .product-list-utilleft .jqListBox{
	position: relative;
}

.product-simplewrap .product-list-utilleft .jqListBox-list{
	position: absolute;
	background: #ffffff;
}

.product-simplewrap .product-list-utilleft .jqListBox-combo{
	background: #ffffff;
	border:none;
}

.product-simplewrap .product-list-utilleft .jqListBox-combo-txt {
	font-size: 12px;
	overflow: hidden;
	width: 80%;
	height: 100%;
}

.product-simplewrap .product-list-utilleft .jqListBox-combo-arrow{
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown.png') 0 50% no-repeat;
}

.product-simplewrap .product-list-utilleft .jqListBox-combo-arrow.on{
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectup.png') 0 50% no-repeat;
}

.product-simplewrap .product-list-utilselect.jqListbox-adapt{
	width: 100%;
	height:40px;
}

.product-simplewrap .product-list-utilselectbox {
	position: relative;
	float: left;
	padding:0 0 0 10px ;
	width: 50%;
}

.product-simplewrap .productbuy-quantity-control {
	position: relative;
	padding: 0 43px;
}

.product-simplewrap .productbuy-quantity-control input[type=text]{
	width: 100%;
	height:43px;
	border:0 solid #ffffff;
	text-align: center;

}

.product-simplewrap .productbuy-quantity-control button{
	position: absolute;
	width: 43px;
	height:43px;
	top:0;
	right:0;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-up.png') #cfcfcf no-repeat 50% 50% ;
}
.product-simplewrap .productbuy-quantity-control button:first-child{
	left:0;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-down.png') #cfcfcf no-repeat 50% 50% ;
}

.product-list-utilright {
	width: 100%;
}

.product-list-basket, .product-list-wish {
	float: left;
	width: 50%;
	text-align: center;
}
.product-list-wish {
	padding-right: 0;
}

.product-list-basket a, .product-list-wish a {
	font-family: arb, ygb, sans-serif;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	height:105px;
	line-height: 105px;
	padding-top: 20px;
	width: 100%;
}

.product-list-basket a {
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quicklnk-cart.png') no-repeat 50% 40%
}
.product-list-wish a {
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quicklnk-wish.png') no-repeat 50% 40%
}

.product-buybtn {
	width: 100%;
	height:80px;
	line-height: 80px;
	text-align: center;
	background-color: #66bcf0;
	font-family: arb, ygb, sans-serif;
}





/* top */

.tablet .product-simplewrap .product-list-quickview-wrap { padding-top: 30px; margin:0 30px 40px; padding-bottom:40px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-bg.gif') repeat-x left bottom;}

.tablet .product-simplewrap .product-list-quickview-image, .tablet .product-simplewrap .product-list-quickview-info {
	width: 50%;
	float: left;
	vertical-align: top;
}

.tablet .product-simplewrap .product-list-quickview-image {
	margin-bottom:0;
}

.tablet .product-simplewrap .product-list-utilleft .product-buy-label {
	font-size: 12px;
}

.tablet .product-simplewrap .product-list-quickview-box {
	font-size: 0;
	width: 100%;
}
.tablet .product-simplewrap .product-list-quickview-box:after {
	clear:both;
	content:'';
	display: block;
}

.tablet .product-simplewrap .product-list-quickview-info {
	padding-left:20px;
	text-align: right;
}

.tablet .product-simplewrap .product-list-quickview-like {
	padding-bottom: 20px;
	width: 100%;
}
.tablet .product-simplewrap .product-list-quickview-infotext {
	font-size: 12px;
}

.tablet .product-simplewrap .product-list-likeheart {
	float: right;
}

.tablet .product-simplewrap .product-list-quickview-colorchip ul{
	margin-left: 0;
	padding-bottom: 20px;
}

.tablet .product-simplewrap .product-list-quickview-colorchip ul li{
	display: inline-block;
	float: none;
	padding:0 0 10px 10px;
}


.tablet .product-list-quickview-price { }
.tablet .proview-col1{ width: 100%; padding-bottom: 20px; }
.tablet .proview-col1 dl dt{ font-size: 12px; }
.tablet .proview-col1 dl dd{ font-size: 24px; }

.tablet .proview.proview-col2:after { background: none; }
.tablet .proview-col2 { padding-right: 20px;}
.tablet .proview-col3 { max-width : 134px;}

.tablet .proview-col2 dl dt, .tablet .proview-col3 dl dt { padding-bottom: 5px; }
.tablet .proview-col2 dl dd, .tablet .proview-col3 dl dd { font-size: 20px; font-family: arm, ygm,  AppleGothic, sans-serif; }
.tablet .proview-col3:after { left:0; }

.tablet .proviewdd-col2 {width:auto; display: inline-block; position: relative;}
.tablet .proviewdd-col2 img{ width: 20px; position: absolute; left:0; top:5px;}
.tablet .proviewdd-col2 span{ padding-left: 30px;}
.tablet .proviewdd-colbox .proviewdd-col2{ padding-right: 20px;}
.tablet .proviewdd-colbox .proviewdd-col2.last{ padding-right: 0;}

.tablet .product-simplewrap .product-list-quickview-pricebox dl:first-child + dl {
	padding-right: 60px;
	text-align: right;
	font-size: 0;
}

.tablet .product-simplewrap .product-list-quickview-pricebox dl dd {
	float: none;
	display: inline-block;
	padding-right: 0;
	padding-left: 20px;
	font-size: 16px;
}


/* util */

.tablet .product-simplewrap .product-list-quickview-util {
	margin:0 -30px;
}

.tablet .product-simplewrap .product-list-utilselectbox {
	padding:0 0 0 20px;
}

.tablet .product-simplewrap .product-list-quickview-boxleft {
	float: left;
	padding:0 0 0 30px;
	width: 83%;
	display: table;
    font-size:0;
}

.tablet .product-simplewrap .product-list-utilleft, .tablet .product-simplewrap .product-list-utilright {
	position: relative;
	display: inline-block;
	padding:20px 0;
}

.tablet .product-simplewrap .product-list-utilleft {
	margin-left: -20px;
	width: 60%;
	padding:20px 0;
}
.tablet .product-simplewrap .product-list-utilright {
	width: 40%;
	padding-left: 20px;
}

.tablet .product-list-basket a, .tablet .product-list-wish a {
	height:63px;
	line-height: 63px;
	padding-top: 20px;
}

.tablet .product-buybtn {
	vertical-align: top;
	width: 17%;
	height:103px;
	display: inline-block;
}


/* top */
.web .product-simplewrap .product-list-quickview-wrap {padding-top:40px; padding-bottom:65px; margin-bottom:50px;}
.web .product-simplewrap .product-list-quickview-title {font-size:40px;}

.web .product-simplewrap .product-list-quickview-util {padding-top:60px;}
.web .product-simplewrap .product-list-quickview-util {max-width:1200px; margin:0 auto;}
.web .product-simplewrap .product-list-utilleft {
	margin-left:0;
	padding-left:20px;
}

.web .product-simplewrap .product-list-quickview-image{
	padding-bottom: 100px;
}

.web .product-simplewrap .product-list-quickview-image .slider-pagerbox .slider-indicator {
	display: none;
}

.web .product-simplewrap .product-list-utilselectbox {
	padding-left: 45px;
	padding-right: 20px;
}

.web .product-simplewrap .product-list-quickview-boxleft {
	padding-left: 0;
}

.web .product-simplewrap .product-list-quickview-info {
	padding-left:30px;
}

.web .product-list-quickview-image {
	width: 50%;
	max-width:none;
	vertical-align: top;
	top:0;
}

.web .product-simplewrap .thumb-indi {
	display: block;
	padding-top:63px;
}

.web .product-simplewrap .thumb-indi button {
	width: 68px;
	height:68px;
	margin:0 10px;
}
.ie8 .web .product-simplewrap .thumb-indi button {
	height:auto;
}

.web .product-simplewrap .thumb-indi button.active img{
	border: 2px solid #000000;
}

.web .product-simplewrap .thumb-indi button img{
	width: 100%;
	border:1px solid #e8e8e8
}


.web .product-simplewrap .product-list-quickview-image .UIslider{
	max-width:500px;
	margin:0 auto;
}

.web .product-simplewrap .product-list-quickview-colorchip{
	border-bottom: none;
}
.web .product-simplewrap .product-list-quickview-price{
	padding-top: 0;
}
.web .product-simplewrap .product-list-quickview-like{
	text-align: right;
}

.web  .product-simplewrap .product-list-quickview-infotext {
	font-size:14px;
}

.web .product-simplewrap .product-colorchip-info {
	text-align: right;
	font-size:14px;
}

.web .product-simplewrap .product-list-quickview-colorchip ul {
	text-align: right;
	padding-top: 0;
}

.web .product-simplewrap .product-list-utilselectbox .product-buy-label {
	position: absolute;
	left:0;
	top:13px;
	width: auto;
	font-size:14px;
}

.web .product-simplewrap .product-list-utilselectbox .jqListBox-combo, .web .product-simplewrap .product-list-utilselectbox .productbuy-quantity-control input[type=text], .web .product-simplewrap .product-list-utilselectbox .productbuy-quantity-control button{
	height:40px;
    line-height:40px;
}

.web .proview-col1{ width: auto; padding-bottom: 0;  display: inline-block;}
.web .proview-col1 dl dt{ font-size: 12px; }
.web .proview-col1 dl dd{ font-size: 24px; }

.web .proview-col2 { max-width:181px;}
.web .proview-col3 { max-width : 134px;}
.web .proview-col2, .web .proview-col3 { margin-left:20px;}
.web .proview-col2 span.titnum, .web .proview-col3 span.titnum {font-size:20px;}

.web .proview-col2 dl dt, .web .proview-col3 dl dt { padding-bottom: 5px; }
.web .proview-col2 dl dd, .web .proview-col3 dl dd { font-size: 24px; font-family: arm, ygm,  AppleGothic, sans-serif; }
.web .proview-col3:after { left:0; }

.web .proviewdd-col2 {width:auto; display: inline-block; position: relative;}
.web .proviewdd-col2 img{ width: 20px; position: absolute; left:0; top:5px;}
.web .proviewdd-col2 span{ padding-left: 30px;}
.web .proviewdd-colbox .proviewdd-col2{ padding-right: 20px;}
.web .proviewdd-colbox .proviewdd-col2.last{ padding-right: 0;}

.web .product-simplewrap .product-list-utilright {
	position: relative;
	display: inline-block;
	padding:0 0;
}

.web .product-simplewrap .product-list-basket, .web .product-simplewrap .product-list-wish {
	padding-top: 10px;
}

.web .product-list-basket a {
	background-position:0 50%;
	padding-top: 0;
	padding-left: 36px;
	width: auto;
	font-size:16px;

}
.web .product-list-wish a {
	background-position:0 50%;
	padding-top: 0;
	padding-left: 36px;
	width: auto;
	font-size:16px;
}

.web .product-buybtn {;
	height:80px;
	font-size:16px;
}

/* product ico */

.product-simplewrap .product-ico {
	position: absolute;
	left:0;
	top:-45px;
	z-index:1;
}

.product-simplewrap .product-ico ul li {
	padding-bottom: 15px;
	width: 48px;

}

.product-simplewrap .product-ico ul li img{
	width: 100%;
}

.tablet .product-simplewrap .product-ico {
	top:0;
}

.web .product-simplewrap .product-ico ul li {
	padding-bottom: 20px;
	width: 60px;
}

/* review */

.productreview-wrap {border-top:1px solid #e4e4e4;}
.productreview-list {border-bottom:1px solid #e4e4e4; padding:20px 0; position: relative; }
.productreview-list a.productreview-list-openlnk { display: block;}
.productreview-list:after {
	width: 14px;
	height:8px;
	content:'';
	display: block;
	position: absolute;
	right:15px;
	top:20px;
	background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown.png');
	z-index:-1;
}
.productreview-list.active:after {
	background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectup.png');
}
.productreview-country { position: absolute;left:15px;top:20px; width: 27px; display:none;}
.productreview-country img{ width: 100%;}
.prdocutreview-listtop span{ width: 100%; display: block; padding-bottom: 5px;}
.prdocutreview-listtop .prdocutreview-producttype{ }
.prdocutreview-listtop .prdocutreview-producttype span{ position: relative; display: inline-block; width: auto; padding-left: 30px;}
.prdocutreview-listtop .prdocutreview-producttype span img {width:16px;}

.productreview-heart { display: table; width: 100%; font-size: 0; padding-bottom: 20px;}
.productreview-heart .product-list-quickview-likeheart { position: relative; display: inline-block; width: 107px; }
.productreview-heart .product-list-quickview-likeheart:after {
	content:'';
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	right:-10px;
	top:0;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-line.png') no-repeat 0 0 ;
}
.productreview-heart .product-list-quickview-likeheart .product-list-likeheart { margin:0; margin-top: 3px; }
.product-detailwrap .productreview-modify .product-list-overbg { background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-likeheartbg-color.png') 0 0 no-repeat;}
.productreview-heart .productreview-date { display: inline-block; padding-left: 20px;font-size: 12px;}
.productreview-heart>.productreview-imgchk { display: none;}
.productreview-heart>.productreview-imgchk img {width:16px;}

.productreview-con {padding:0 15px 0 65px;}
.productreview-con-mycont {width:18px; margin-right:5px;}
.productreview-image, .productreview-image img{ width: 100%;}
.productreview-image { padding-top: 15px;}
.productreview-modify {background-color: #f7f7f7; padding:20px 15px; margin-top: 20px; z-index:1; position:relative;}

.productreview-btnwrap {padding:20px 0 0 0; display: table; width: 100%; text-align: center; font-size: 0;}
.productreview-btnwrap button{ display: inline-block; }

.productreview-list .productreview-slidebox { display: none;}
.productreview-list.active .productreview-textcon {white-space:normal; height:auto;}
.productreview-list .productreview-textcon {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:18px; line-height:18px;}

.tablet .productreview-country { position: absolute;left:0;top:20px; width: 27px; display:none;}

.tablet .productreview-wrap {padding:0; margin:0 30px;}
.tablet .productreview-con {padding:0 0 0 45px;}
.tablet .productreview-con:after {content:''; display: block; clear:both; }
.tablet .prdocutreview-listtop { width:auto; float: left; position: relative; }
.tablet .prdocutreview-listtop>span{ width:auto; float: left; padding-right: 50px; position: relative;}
.tablet .prdocutreview-listtop:after, .tablet .prdocutreview-listtop>span:first-child:after, .tablet .productreview-con .productreview-date:after{
	content:'';
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	right:10px;
	top:0;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quickview-line.png') no-repeat 0 0 ;
}
.tablet .productreview-con .productreview-heart { width: 50%; float: left;}
.tablet .productreview-textcon { width: 100%; float: left;}

.tablet .prdocutreview-producttype span.productreview-imgchk { display: none;}
.tablet .productreview-con .productreview-heart { display: block;}
.tablet .productreview-con .product-list-quickview-likeheart { float: left; width: 107px;}
.tablet .productreview-con .productreview-date { float: left; padding-right: 50px; position: relative;}
.tablet .productreview-heart>.productreview-imgchk { display: inline-block;}
.tablet .productreview-image {padding:20px 0 0 0;}

.tablet .productreview-modify {padding:20px 30px; }
.tablet .productreview-modify .prodetail-reviewtype li { padding-bottom: 10px;}
.tablet .productreview-modify .prodetail-review-td{ width: 33%; padding-bottom: 20px;}


.productreview-form-bottom:after {content:""; display:block; clear:both;}
.productreview-form-bottom .quadbtn {width:100%; }
.productreview-form-sns {float:left; padding:10px 0;}
.productreview-form-sns a {padding-right:7px;}
.productreview-form-sns img {width:32px;}
.productreview-form-counter .counter {float:right; padding-top:17px; padding-bottom:15px;}
.productreview-form-btnwrap {float:left; width:100%; margin:0 -5px;}
.productreview-form-btnwrap:after {content:""; display:block; clear:both;}
.productreview-form-btnwrap .quadbtn {width:50%; float:left; padding:0 5px;}

.tablet .productreview-form-bottom .quadbtn {width:auto; }
.tablet .productreview-form-sns {padding-bottom:0;}
.tablet .productreview-form-counter {float:right; padding-top:10px;}
.tablet .productreview-form-counter .counter{float:none; padding-right:20px; padding-top:0;}
.tablet .productreview-form-btnwrap {margin:0; width:auto; float:none; display:inline-block; vertical-align:middle;}
.tablet .productreview-form-btnwrap .quadbtn {width:100px; padding:0 0 0 10px;}

.web .proview.proview-col2:after {
	width: 25px;
	height:25px;
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-simple-line.png') no-repeat 0 0 ;
}
.web .proview.proview-col2:after { left:0 }
.web .proview:first-child:after{ background: none; }


/* detail tab */

.product-detail-tab {
	height:60px;
}
.product-detailtab-fixed {
	background-color: #e1f3fb;
	z-index:10;/* 16.07.29 라네즈샵 제품 옵션값과 겹침 현상 수정 */
	max-width:1200px;
	margin-left: 30px;
}

.product-detail-tab ul {
	display: table;
	font-size: 0;
	width:100%;
}

.product-detail-tab ul li {
	display: inline-block;
	width: 20%;
}

.product-detail-tab ul li.opt-skyblue {
	background-color:#e1f4fb;
}

.product-detail-tab ul li.opt-lightblue {
	background-color:#edf8fe;
}

.product-detail-tab ul li button{
	display: block;
	width: 100%;
	height:60px; line-height:60px;
	text-align: center;
	font-size: 16px;
}

.product-detail-tab ul li button.active{
	background: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown.png') #ffffff no-repeat 50% bottom;
}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
	.product-simplewrap .product-list-utilleft .jqListBox-combo-arrow{ background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown-X2.png'); background-size:15px 8px;}
	.productreview-list:after {background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown-X2.png'); background-size:15px 8px;}
	.product-detail-tab ul li button.active {background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-category-selectdown-X2.png'); background-size:15px 8px;}
}


.web .product-detail-tab {
	position: relative;
	margin-left:30px;

}
.web .product-detailtab-fixed {
	background-color: #e1f3fb;
	width: 100%;
	margin-left: 0;
}

.web .product-detail-reviewtit {width:170px;}

/* product view reveiw filtering */
.productreview-filtering {margin:0 15px; padding:20px 0; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/review-fileringbg.gif') repeat-x left top; }
.productreview-filtering .subselect {position:relative;}
.productreview-filtering .subselect-jqList {padding-right:52px;}
.productreview-filtering .jqListbox-adapt {height:32px;}
.productreview-filtering .subselect-jqList .jqListBox-combo {height:32px; font-size:12px;}
.productreview-filtering .subselect-jqList .jqListBox-combo-txt {line-height:32px; height:32px;}
.productreview-filtering .subselect-jqList .jqListBox-list {top:32px;}
.productreview-filtering .subselect-jqList .jqListBox-option {height:32px; line-height:32px; font-size:12px;}
.productreview-filtering .jqListBox-option:focus, .productreview-filtering .jqListBox-option:hover, .productreview-filtering .jqListBox-option.selected {
	background-color:#f7f7f7;
}
.productreview-filtering-btn {position:absolute; right:0; top:0;}

.tablet .productreview-filtering {margin:0 30px;}
.tablet .productreview-filtering .subselect-jqList {padding-right:42px;}
.tablet .productreview-filtering .subselect-jqList:after {content:""; display:block; clear:both;}
.tablet .productreview-filtering .jqListbox-adapt {width:240px; float:right;}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
	.product-simplewrap .product-list-overbg, .product-detailwrap .product-list-overbg { background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-likeheartbg-X2.png'); background-size:71px 11px; }
	.product-list-basket a { background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quicklnk-cart-X2.png'); background-size:24px 20px; }
	.product-list-wish a {background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-quicklnk-wish-X2.png'); background-size:24px 20px;}
	.product-simplewrap .productbuy-quantity-control button{ background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-up-X2.png');  background-size:13px;}
	.product-simplewrap .productbuy-quantity-control button:first-child{ background-image: url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-down-X2.png');  background-size:13px;}
	.prodetail-tabtit span {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-up-X2.png');  background-size:13px;}
	.prodetail-tabtit.active span {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/product/product-detail-tabbg-down-X2.png');  background-size:13px;}
}




/* authoring table style */
.tbl-product-view .tbl-pd-body {display:table; width:100%; text-align:center; font-size:12px; border-bottom:1px solid #e4e4e4; }
.tbl-product-view .tbl-pd-body .col {display:table-row;float:none; }
.tbl-product-view .tbl-pd-body .col>span {display:table-cell; width:50%; height:49px; vertical-align:middle; border-top:1px solid #e4e4e4; padding:0 10px;}
.tbl-product-view .tbl-pd-body .col .colhead {background:#f7f7f7;}
.tbl-product-view .tbl-pd-body .col-1 span {border-top:0;}
.tbl-product-view .tbl-pd-body .col-1 .colhead {display:none;}
.tbl-product-view .tbl-pd-body .col-1 .colbody {text-align:left;}
.tbl-product-view .tbl-pd-head {display:table; width:100%;}


.tablet .tbl-product-view {position:relative; overflow:hidden;}
.tablet .tbl-product-view .tbl-pd-head {display:table; width:100%; text-align:center;}
.tablet .tbl-product-view .tbl-pd-head .col {width:25%;height:46px; display:table-cell; vertical-align:middle; border-left:2px solid #fff; background:#f7f7f7;}
.tablet .tbl-product-view .tbl-pd-head .col-1 {border-left:0;}
.tablet .tbl-product-view .tbl-pd-row {display:table; width:100%;}
.tablet .tbl-product-view .tbl-pd-row .tbl-pd-body {display:table-row;}
.tablet .tbl-product-view .tbl-pd-row .tbl-pd-body .col {display:table-cell; width:25%; vertical-align:middle; height:49px; border-bottom:1px solid #e4e4e4;}
.tablet .tbl-product-view .tbl-pd-row .tbl-pd-body .col>span {display:inline; border:0;}
.tablet .tbl-product-view .tbl-pd-row .tbl-pd-body .colhead {position:absolute; width:1px; height:1px; overflow:hidden; top:-999px; left:-999px;}

.product-view .relaproduct-slider-wrap {margin:0;}
@charset "utf-8";

/*
.gnb #scroller .gnb-dep .dep9 a,
.tablet .gnb #scroller .gnb-dep .dep9 a {color:#4069ab;}
*/