@charset "utf-8";

.custom-main-bottomcon-wrap {width:100%; margin:0 auto; padding-bottom:60px;}
.custom-main-bottomcon-wrap:after {content:""; display:block; clear:both;}
.main-link {float:left; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main-link:first-child {padding-right:10px;}
.main-link:first-child + .custom-main-findermirror {padding-left:10px;}
.sns-feed {float:left; width:100%;}


.tablet .custom-main-bottomcon-wrap {padding:0 30px 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tablet .main-link {width:50%; padding-right:20px !important;}
.tablet .main-link:first-child + .custom-main-findermirror {padding-left:0;}
.tablet .sns-feed {width:50%;}

.webM .custom-main-bottomcon-wrap {padding-bottom:140px;}
.webM .main-link {width:50%; padding-right:60px !important;}
.webM .sns-feed {width:50%;}
@charset "utf-8";

.custom-main-findermirror-wrap {background-size:65px 65px; background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/finder-mirror/contents-linebg.gif'); background-position:right top; background-repeat:no-repeat;}
.custom-main-findermirror-con {display:block; height:205px; position:relative;}
.custom-main-findermirror-con .opt-main-contit {line-height:30px; padding-top:15px; padding-right:85px;}
.custom-main-findermirror-contxt {display:none;}
.custom-main-findermirror-img {text-align:center; position:absolute; left:0; bottom:0; width:100%;}
.custom-main-findermirror-img img {height:130px;}

.tablet .custom-main-findermirror-wrap {background-size:77px 77px;}
.tablet .custom-main-findermirror-con {height:230px;}
.tablet .custom-main-findermirror-img img {height:130px;}

.webM .custom-main-findermirror-wrap {background-size:120px 120px;}
.webM .custom-main-findermirror-con {height:330px;}
.webM .custom-main-findermirror-con .opt-main-contit {padding-top:25px;}
.webM .custom-main-findermirror-contxt {display:block; font-size:14px; padding-top:20px;}
.webM .custom-main-findermirror-img img {height:210px;}


.webL .custom-main-findermirror-con {height:330px;}
.webL .custom-main-findermirror-img img {height:257px;}
@charset "utf-8";

.sns-feed {margin-top:55px; }
.custom-main-facebook-wrap {padding-top:20px; padding-bottom:42px; position:relative; background:#3b5998 url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/facebook/facebook-boxbg.png') no-repeat right top;}
.custom-main-facebook-wrap .opt-main-contit {color:#fff; padding-left:20px;}
.custom-main-facebook-wrap .slider-pagerbox {bottom:10px;}
.custom-main-facebook-label {position:absolute; right:30px; top:0;}
.custom-main-facebook-label img {width:50px;}
.facebook-slider {padding-left:20px; padding-top:15px;}
.facebook-slider .UIindicator { display: inline-block;}
.facebook-slider-wrap { width: 100%; overflow: hidden; }
.facebook-slider-item-wrap { display: table; font-size: 0; width: 100%;}
.facebook-slider-item { position: relative; display: inline-block; width:100%; /*padding-right:30px;*/ vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.facebook-slider-item a {background:#fff; display:block; margin-right:10px;}
.custom-main-facebook-wrap .UIslider-item .UIslider-con{ position: relative; }

.facebook-slider-itemimg {display:none; position:absolute; left:0; top:0; width:122px; height:122px;}
.facebook-slider-itemtxt { font-size: 12px; padding:20px 20px 20px 20px; color:#3b5998; position:relative; height:122px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.facebook-slider-itemtxt-des {height:55px; line-height:18px;}
.facebook-slider-itemtxt-bot {position:absolute; bottom:20px; left:20px;}
.facebook-slider-itemtxt-bot .like {padding-left:20px; display:inline-block; background-size:13px; background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/facebook/facebook-like.gif'); background-repeat:no-repeat; background-position:left top;}
.facebook-slider-itemtxt-bot .like:after {content:"l"; color:#dddddd; padding-left:10px; padding-right:7px;}

.facebook-slider-item.facebook-slider-noimg .facebook-slider-itemtxt{padding:20px;}
.facebook-slider-item.facebook-slider-noimg .facebook-slider-itemtxt-bot {left:20px;}


.custom-main-facebook-wrap .slider-pagerbox button {width:24px;}
.custom-main-facebook-wrap .slider-pagerbox button>img {width:100%;}
.custom-main-facebook-wrap .slider-controller button {width:9px;}
.custom-main-facebook-wrap .slider-pagerbox button>img {width:100%;}



.tablet .sns-feed {margin:0;}
.tablet .facebook-slider-itemtxt {padding-left:142px;}
.tablet .facebook-slider-itemimg {display:block;}
.tablet .facebook-slider-itemtxt-bot {left:146px;}
.tablet .facebook-slider-itemtxt-des {overflow: hidden;}

.webM .custom-main-facebook-wrap {padding-top:25px; padding-bottom:58px;}
.webM .custom-main-facebook-wrap .opt-main-contit {padding-left:30px;}
.webM .custom-main-facebook-wrap .slider-pagerbox {bottom:17px;}

.webM .custom-main-facebook-label {right:60px;}
.webM .custom-main-facebook-label img {width:70px;}

.webM .facebook-slider {padding-left:30px; padding-top:20px;}
.webM .facebook-slider-item {position:relative; }

.webM .facebook-slider-item a {margin-right:20px;}

.webM .facebook-slider-itemimg {display:block; position:absolute; left:0; top:0; width:188px; height:188px;}
.webM .facebook-slider-itemtxt {height:188px; font-size:14px; padding-left:208px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.webM .facebook-slider-itemtxt-des {line-height:22px;height:126px;}
.webM .facebook-slider-itemtxt-bot {left:208px; }
.webM .facebook-slider-itemtxt-bot .like {background-size:auto;}

.webL .facebook-slider {padding-left:40px;}
.webL .custom-main-facebook-wrap .opt-main-contit {padding-left:40px;}

/* SNS feed style */
.main-multi-link {width:100%; float:left; margin-top:55px;}
.tablet .main-multi-link {width:50%; margin:0;}
.webM .main-multi-link {width:40%;}

.feedcolum-colwrap {padding-top:15px;}
.feedcolum-col > a {display:block;}
.feedcolum-colbox {height:180px; padding:20px 15px;}
.feedcolum-col-inbox {height:100%; position:relative;}
.feedcolum-col-img {position:absolute; right:0; bottom:0; width:161px;}
.feedcolum-col-tit {font-size:16px;}
.feedcolum-col-des {padding-top:15px; max-width:50%;}
.feedcolum-col2 .feedcolum-col:first-child {padding-bottom:20px;}

.tablet .feedcolum .opt-main-contit {padding-top:15px;}
.tablet .feedcolum-colbox {height:171px; padding:20px;}
.tablet .feedcolum-col-img {width:96px;}
.tablet .feedcolum-col-des {max-width:none;}
.tablet .feedcolum-col2 {margin:0 -5px;}
.tablet .feedcolum-col2:after {content:""; display:block; clear:both;}
.tablet .feedcolum-col2 .feedcolum-col:first-child {padding-bottom:0;}
.tablet .feedcolum-col2 .feedcolum-col {float:left; width:50%; padding:0 5px;}

.webM .feedcolum-col-tit {font-size:20px;}
.webM .feedcolum-colbox {height:248px; padding:30px;}
.webM .feedcolum-col-img {width:160px;}
.webM .feedcolum-col2 {margin:0 -15px;}
.webM .feedcolum-col2 .feedcolum-col {padding:0 15px;}

.facebook-slider .facebook-slider-item > div > a:focus .facebook-slider-itemtxt:after {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px dotted #666; box-sizing:border-box; content:'';} /* kwcag 수정 190317 */
@charset "utf-8";

.cutsorm-main-bestsellers {width:100%; margin:0 auto; padding-bottom:40px;}
.cutsorm-main-bestsellers .opt-main-contit {padding-bottom:10px;}
.bestslider {position:relative; padding-bottom:100px;}
.bestslider .bestslider-product button { width: 20%; height:auto;}
.bestslider-product {position:absolute; left:0; bottom:0; width:100%;}
.bestslider-product:after {content:""; display:block; clear:both; background:url('../../../../../../../content/dam/laneige/laneige2017/lst/en/components/main/bestsellers/bestslider-proimg-activeline.gif') repeat-x left top; /*background-position:left top; */position:absolute; left:0; bottom:0; width:100%; height:5px;}
.bestslider .bestslider-proimg {width:20%; float:left; padding-top:13px; padding-bottom:15px;}
.bestslider .bestslider-proimg.active {background-size:13px 8px; background-image:url('../../../../../../../content/dam/laneige/laneige2017/lst/en/components/main/bestsellers/bestslider-proimg-activetop.gif'); background-repeat:no-repeat; background-position:center top;}
.bestslider .bestslider-proimg.active .bestslider-proimgbox {position:relative; display:block; z-index:1;}
.bestslider .bestslider-proimg.active .bestslider-proimgbox:before, .bestslider .pager.active .bestslider-proimgbox:after {content:""; width:70%; height:5px; position:absolute; left:15%; bottom:-16px; background-repeat:no-repeat; }
.bestslider .bestslider-proimg.active .bestslider-proimgbox:before {background-position:left -20px; background-color:#cfcfcf; background-image:url('../../../../../../../content/dam/laneige/laneige2017/lst/en/components/main/bestsellers/bestslider-proimg-activeleft.gif');}
.bestslider .bestslider-proimg.active .bestslider-proimgbox:after {content:""; background-position:right -20px; background-image:url('../../../../../../../content/dam/laneige/laneige2017/lst/en/components/main/bestsellers/bestslider-proimg-activeright.gif');}
.bestslider .bestslider-proimg img {width:60px}
.bestslider-proname {display:none; font-size:14px;}
.bestslider-wrap {overflow:hidden;position:relative;}
.bestslider-item-wrap {width:100%; display: block; font-size:0; }
.bestslider-item-wrap .bestslider-item{ display: inline-block;} /* 16.09.07 bdsnack 윤지혜 display: inline-block -> block 수정 */
.bestslider-item-wrap:after {content:""; display:block; clear:both;}

.bestslider-item {position:relative; width:92%; float:left;}
.bestslider-itemimg {width:100%; padding-right: 10px;}
.bestslider-itemtxt {position:absolute; width:100%; top:50%; margin-top:-47px;}
.bestslider-itemtxt-box {width:80%; font-size:14px; padding:14px; margin:0 auto; text-align:center; background:url('../../../../../../../content/dam/laneige/laneige2017/lst/en/components/main/bestsellers/bestslider-itemtxt-bg.png') repeat left top;}
.bestslider-itemtxt-border {position:relative; display:block; padding:15px 0;}
.bestslider-itemtxt-border:after {content:""; opacity:0.1; width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #000; display:block;}
.bestslider-itemtxt .com-link {display:none;}

/* 16.08.25 bdsnack 윤지혜 베스트셀러 배너 기능 추가 */
.bestslider .bestsellerbutton  { position: relative;}
.bestslider .slider-pagerbox{ text-align: center;}
.bestslider .UIindicator, .bestslider .UIautorun{ display: inline-block; padding-right:10px; vertical-align:middle;}
.bestslider .UIautorun button>img {width:auto;}
.bestslider .UIindicator .pager {height:14px;}


.tablet .cutsorm-main-bestsellers {padding:0 30px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tablet .cutsorm-main-bestsellers .opt-main-contit {padding-bottom:15px;}
.tablet .bestslider {padding-bottom:223px;}
.tablet .bestslider-item-wrap {width:100%;}
.tablet .bestslider-item {margin:0; width:100%; padding-right: 0;}
.tablet .bestslider .bestslider-proimg {padding-top:20px; padding-bottom:25px;}
.tablet .bestslider .bestslider-item-wrap.active {background-size:16px 10px;}
.tablet .bestslider .bestslider-proimg.active .bestslider-proimgbox:before, .tablet .bestslider .pager.active .bestslider-proimgbox:after {width:50%; left:25%; height:6px; bottom:-27px;}
.tablet .bestslider .bestslider-proimg.active .bestslider-proimgbox:before {background-position:left -10px;}
.tablet .bestslider .bestslider-proimg.active .bestslider-proimgbox:after {background-position:right -10px;}
.tablet .bestslider-proname {display:block; line-height:18px; height:36px; padding:0 10px; overflow:hidden;}
.tablet .bestslider .bestslider-proimg img {width:120px;}
.tablet .bestslider-itemimg {padding-right: 0;}

.tablet .bestslider-itemtxt {margin-top:-71px; text-align:center;}
.tablet .bestslider-itemtxt-box {margin-bottom:20px; width:50%; font-size:16px; }
.tablet .bestslider-itemtxt-border {padding:20px 0;}
.tablet .bestslider-itemtxt .com-link {display:inline-block; width:auto;}

.web .cutsorm-main-bestsellers {padding-bottom:100px;}
.web .bestslider {padding-bottom:300px;}
.web .bestslider .bestslider-proimg {padding-top:25px;}
.web .bestslider .bestslider-proimg.active {background-size:22px 14px;}
.web .bestslider .bestslider-proimg.active .bestslider-proimgbox:before, .web .bestslider .pager.active .bestslider-proimgbox:after {width:40%; left:30%; height:7px;}
.web .bestslider .bestslider-proimg.active .bestslider-proimgbox:before {background-position:left top;}
.web .bestslider .bestslider-proimg.active .bestslider-proimgbox:after {background-position:right top;}
.web .bestslider-proname {font-size:16px; line-height:20px; height:40px; padding:0 20px;}
.web .bestslider .bestslider-proimg img {width:180px;}
.web .bestslider-itemtxt {margin-top:-90px;}
.web .bestslider-itemtxt-box {margin-bottom:30px; width:45%; font-size:20px; }
.webS .bestslider-itemtxt-box {width:40%;}
.webM .bestslider-itemtxt-box {width:35%;}
.webL .bestslider-itemtxt-box {width:30%;}

.bestseller .UIautorun button:focus img {outline:1px dotted #666;} /* kwcag 수정 190317 */
.main-bottom-rolling .UIslider-con:focus .visual-slider-itemtxt:after {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px dotted #666; box-sizing:border-box; content:'';} /* kwcag 수정 190317 */
@charset "utf-8";

.custom-main-category {width:100%; padding:10px 5px 30px; font-size:0; display: table;}
.custom-main-category-box {width:50%; padding:10px; display:inline-block;}
.custom-main-category-box.mob-w100 {width:100%;}
.custom-main-category-box a {display:block; width:100%; font-size:12px; height:35px; font-family: arb, ygb, sans-serif; line-height:35px; border-left:1px solid #000; border-bottom:1px solid #000; background-repeat:no-repeat; background-position:right bottom; background-size:auto 35px;}
.custom-main-category-box a span {padding-left:10px;}

.tablet .custom-main-category {padding:40px 23px 60px; width:100%;}
.tablet .custom-main-category-box {width:25%; padding:0 7px; display:table-cell;}
.tablet .custom-main-category-box.mob-w100 {width:25%;}
.tablet .custom-main-category-box a {background-size:auto 40px; font-size:16px; height:49px; line-height:49px;}
.tablet .custom-main-category-box a span {padding-left:20px;}

.webS .custom-main-category {padding:60px 0 100px;}
.webS .custom-main-category-box {padding:0 30px;}
.webS .custom-main-category-box a {background-size:auto 59px; font-size:20px; height:59px; line-height:59px;}
.webS .custom-main-category-box a span {padding-left:30px;}

@charset "utf-8";

.opt-main-contit {padding-left:0;}
.custom-main-magazine {width:100%; margin:0 auto;}
.custom-main-magazine-conbox {position:relative;}
.custom-main-magazine-tcon {position:absolute; top:0; left:0; height:100%;}
.custom-main-magazine-tcon-month {display:block; font-family:arb, ygb, sans-serif;}
.custom-main-magazine-tcon-tit {display:block; font-family:arb, ygb, sans-serif; padding-bottom:15px;}
.custom-main-magazine-img-left {text-align:right;}
.custom-main-magazine-img-left img {width:240px;}
.custom-main-magazine-img-right {display:none;}

.mobile .custom-main-magazine-tcon-box {padding-left:15px;}
.mobile .custom-main-magazine-tcon-box .com-link {padding-right:25px; padding-left:15px;}
.mobile .custom-main-magazine {padding-bottom:60px;}
.mobile .custom-main-magazine-tcon {z-index:11;}
.mobile .custom-main-magazine-tcon .opt-main-contit {padding-bottom:15px; padding-top:40px;}
.mobile .custom-main-magazine-tcon-month {margin-bottom:20px; font-size:12px; line-height:18px;}
.mobile .custom-main-magazine-tcon-tit {padding-right:20px; font-size:20px; line-height:24px;}
.mobile .custom-main-magazine-img {position:relative; z-index:10; overflow:hidden;}
.mobile .custom-main-magazine-tcon-des {display:none;}

@media screen and (max-width:360px) {
	.mobile .custom-main-magazine-img img {right:-35%;}
}

.tablet .custom-main-magazine-tcon-box {padding-right:4%; padding-left:4%;}
.tablet .custom-main-magazine-tcon-box .com-link {margin-top:4%;}
.tablet .custom-main-magazine {padding-right:30px; padding-bottom:100px; padding-left:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tablet .custom-main-magazine-conbox:after {content:""; display:block; clear:both;}
.tablet .custom-main-magazine-tcon {width:50%;}
.tablet .custom-main-magazine-tcon .opt-main-contit {padding-bottom:15px; padding-top:55px;}
.tablet .custom-main-magazine-tcon-month {margin-bottom:4%; font-size:14px; line-height:16px;}
.tablet .custom-main-magazine-tcon-tit {font-size:24px; line-height:26px;}
.tablet .custom-main-magazine-tcon-des {display:block;}
.tablet .custom-main-magazine-tcon-des.dotline {max-height:126px;}
.tablet .custom-main-magazine-img {float:right; width:50%; background:#fff;}
.tablet .custom-main-magazine-img img {width:100%;}

.web .custom-main-magazine-tcon-box {padding-right:20px; padding-left:20px;}
.web .custom-main-magazine-tcon-month {font-size:16px; line-height:18px;}
.web .custom-main-magazine-tcon-tit {font-size:30px; line-height:34px;}
.web .custom-main-magazine-tcon-box .com-link {margin-top:20px;}

.webM .custom-main-magazine-tcon-box {padding-right:30px; padding-left:30px;}
.webM .custom-main-magazine-tcon-box .com-link {margin-top:26px;}
.webM .custom-main-magazine {padding-bottom:140px;}
.webM .custom-main-magazine-tcon {width:60%;}
.webM .custom-main-magazine-tcon .opt-main-contit {padding-top:100px;}
.webM .custom-main-magazine-tcon-month {width:340px; margin-bottom:30px; font-size:20px; line-height:22px;}
.webM .custom-main-magazine-img {width:40%;}
.webM .custom-main-magazine-tcon-tit {padding-bottom:35px; font-size:40px; line-height:44px;}
.webM .custom-main-magazine-tcon-des {font-size:14px; line-height:22px;}
.webM .custom-main-magazine-tcon-des.dotline {max-height:150px;}

.webL .custom-main-magazine-tcon {width:655px;}
.webL .custom-main-magazine-tcon-month {width:370px;}
.webL .custom-main-magazine-img {width:885px;}
.webL .custom-main-magazine-img img {display:block; width:auto;}
.webL .custom-main-magazine-img-left {float:left; padding-right:20px; font-size:0;}
.webL .custom-main-magazine-img-right {float:left; display:block;}
.webL .custom-main-magazine-img-right-t {position:relative;}
.webL .custom-main-magazine-img-right-b {margin-top:20px;}
.webL .custom-main-magazine-video:before {content:""; display:block; position:absolute; z-index:99; top:0; left:0; width:100%; height:100%; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/school-of-k-beauty/kbeauty-video-play.png') no-repeat center center; background-size:90px;}

/* kwcag 수정 190310 :: s */
.custom-main-magazine-img a:focus {outline:none;}
.custom-main-magazine-img a:focus img {outline:1px dotted #666;}
/* kwcag 수정 190310 :: e */
@charset "utf-8";

.custom-main-kbeauty {width:100%; margin:0 auto; padding-bottom:60px;}
.custom-main-kbeauty-wrap {position:relative; padding-top:40px;}
.custom-main-kbeauty-tit {position:absolute; left:0; top:0; z-index:1;}
.custom-main-kbeauty-tit .opt-main-contit {width:120px; height:120px; padding-top:50px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/school-of-k-beauty/kbeauty-titbg.png') no-repeat left top; background-size:cover; }
.custom-main-kbeauty-bthumb {width:100%;}
.custom-main-kbeauty-bthumb-box {width:75%; position:relative; margin:0 0 0 auto; min-width:240px;}

.custom-main-kbeauty-bthumb-img {width:100%;}
.custom-main-kbeauty-playbtn {position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; width:50px;}
.custom-main-kbeauty-con {position:relative;}
.custom-main-kbeauty-conwrap { width:75%; margin:0 0 0 auto; min-width:240px;}
.custom-main-kbeauty-conbox {padding-top:20px; padding-right:20px;}
.custom-main-kbeauty-con-lesson {position:absolute; left:15px; top:-45px;}
.custom-main-kbeauty-con-lesson strong {font-size:30px; display:block;}
.custom-main-kbeauty-con-tit {font-size:20px; font-family: arb, ygb, sans-serif; padding-bottom:15px; display:block;}
.custom-main-kbeauty-con-des {padding-bottom:20px;}
.custom-main-kbeauty-related {padding-top:30px;}
.custom-main-kbeauty-related-tit {font-size:14px; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/school-of-k-beauty/kbeauty-relatied-titbg.gif') no-repeat right center; padding-right:20px;}
.custom-main-kbeauty-related-wrap {padding-top:15px;}
.custom-main-kbeauty-related-wrap:after {content:""; display:block; clear:both;}
.custom-main-kbeauty-related-thumb {float:left; margin-left:15px;}
.custom-main-kbeauty-related-thumb a{ display: block;}
.custom-main-kbeauty-related-thumb:first-child {margin-left:0;}
.custom-main-kbeauty-related-thumbbox {position:relative; width:105px;}
.custom-main-kbeauty-related-thumbimg {width:100%;}
.custom-main-kbeauty-related-thumbplay {width:36px; position:absolute; left:50%; top:50%; margin:-18px 0 0 -18px;}
.custom-main-kbeauty-related-thumbdes {display:none;}

.tablet .custom-main-kbeauty {padding:0 30px 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tablet .custom-main-kbeauty-wrap {padding-top:20px;}
.tablet .custom-main-kbeauty-tit .opt-main-contit {width:128px; height:128px; padding-top:53px; padding-left:20px;}
.tablet .custom-main-kbeauty-cwrap {position:relative;}
.tablet .custom-main-kbeauty-cwrap:after {content:""; display:block; clear:both;}
.tablet .custom-main-kbeauty-bthumb {width:50%; float:left; padding:0 10px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tablet .custom-main-kbeauty-bthumb-box {width:100%;}
.tablet .custom-main-kbeauty-con {width:50%; float:left; position:static;}
.tablet .custom-main-kbeauty-con-lesson {position:static; padding-left:10px;}
.tablet .custom-main-kbeauty-conwrap {width:100%; padding-left:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tablet .custom-main-kbeauty-conbox {padding-top:0; padding-right:0;}
.tablet .custom-main-kbeauty-con-tit {font-size:30px; width:100%; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tablet .custom-main-kbeauty-con-des {display:none;}
.tablet .custom-main-kbeauty-related {position:absolute; bottom:0; right:0; width:50%; padding-left:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tablet .custom-main-kbeauty-related-tit {display:inline-block; margin-bottom:25px;}
.tablet .custom-main-kbeauty-related-wrap {position:absolute; right:0; bottom:0;}
.tablet .custom-main-kbeauty-related-thumbbox {width:88px;}

.webM .custom-main-kbeauty {padding-bottom:140px;}
.webM .custom-main-kbeauty-wrap {padding-top:60px;}
.webM .custom-main-kbeauty-tit .opt-main-contit {width:200px; height:200px; padding-top:90px; padding-left:30px;}
.webM .custom-main-kbeauty-bthumb {padding:0 20px 0 60px;}
.webM .custom-main-kbeauty-bthumb-box {max-width:600px; text-align:right; overflow:hidden;}
.webM .custom-main-kbeauty-bthumb-box a { display: block; height:100%;}
.webM .custom-main-kbeauty-bthumb-img {height:100%;}

.webM .custom-main-kbeauty-playbtn {width:100px; margin:-50px 0 0 -50px;}
.webM .custom-main-kbeauty-con-lesson {font-size:14px; padding-left:20px;}
.webM .custom-main-kbeauty-con-lesson strong {font-size:40px;}
.webM .custom-main-kbeauty-conwrap {padding-left:20px;}
.webM .custom-main-kbeauty-con-tit {font-size:40px; padding:7px 0 15px 0;}
.webM .custom-main-kbeauty-con-des {display:block; font-size:14px; padding-bottom:25px;}
.webM .custom-main-kbeauty-con-des.dotline {height:61px;}
.webM .custom-main-kbeauty-related {padding-left:20px;}
.webM .custom-main-kbeauty-related-tit {font-size:16px; margin-bottom:0;}
.webM .custom-main-kbeauty-related-wrap {position:static; padding-top:20px;}
.webM .custom-main-kbeauty-related-wrap:after {content:""; display:block; clear:both;}
.webM .custom-main-kbeauty-related-thumb {margin-left:0; width:50%; float:left; position:relative;}
.webM .custom-main-kbeauty-related-thumbbox {width:138px; }
.webM .custom-main-kbeauty-related-thumbdes {display:block; position:absolute; left:138px; top:0; font-size:14px; padding:32px 20px;}
.webM .custom-main-kbeauty-related-thumbdes.dotline {height:100px;}

.custom-main-kbeauty-related-thumb {margin-left:0;padding-right:15px;margin-bottom:15px;width:50%;}
.custom-main-kbeauty-related-thumb a {padding-left:0px;}
.custom-main-kbeauty-related {margin-top:30px;}
.custom-main-kbeauty-related-thumb:nth-child(3) {clear:both;}
.custom-main-kbeauty-related {padding:0;}
.custom-main-kbeauty-related-thumbbox{width:100%;}

.tablet .custom-main-kbeauty-related-thumbbox {width:83px;}
.tablet .custom-main-kbeauty-related-thumbplay {width:22px; margin: -11px 0 0 -11px}
.tablet .custom-main-kbeauty-related-thumb {margin-left:0px;padding-right:10px;margin-right:0;margin-bottom:0;width:25%;}
/*.tablet .custom-main-kbeauty-related-thumbimg {width:100%;max-width:83px;}*/
.tablet .custom-main-kbeauty-related-thumbimg {width:100%;}
.tablet .custom-main-kbeauty-related-thumbbox {width:100%;}
/*.tablet .custom-main-kbeauty-related-tit {position: relative;top: -60px;}*/
.tablet .custom-main-kbeauty-related-tit {margin-bottom:10px;}
/*.tablet .custom-main-kbeauty-related-thumb a {padding-left:10px;}*/
.tablet .custom-main-kbeauty-related-thumb:nth-child(3) {clear:none;}
.tablet .custom-main-kbeauty-related-wrap {position:static;}
.tablet .custom-main-kbeauty-conbox .opt-btm {position:relative;top:20px;}

.webM .custom-main-kbeauty-related-thumbbox {width:100%;}
.webM .custom-main-kbeauty-related-thumbdes.dotline {height:100px;position:static;padding:0;width:100%;max-width:173px;text-align:center;}
.webM .custom-main-kbeauty-related-thumb {margin-left:0px;padding-right:10px;margin-right:0;margin-bottom:0;width: 25%;float:left;position:relative;}
.webM .custom-main-kbeauty-related-thumbdes.dotline{height:40px}
.webM .custom-main-kbeauty-related-thumbplay {width:46px; margin: -23px 0 0 -23px}
/*.webM .custom-main-kbeauty-related-tit{position: relative;top: -10px;}*/
.webM .custom-main-kbeauty-related-thumbimg {width:100%;max-width:173px;}
.webM .custom-main-kbeauty-related-thumb .vedio-playdim {max-width:173px;}
/*.webM .custom-main-kbeauty-related-thumb a {padding-left:10px;}*/
.webM .custom-main-kbeauty-related-thumb:nth-child(3) {clear:none;}
.webM .custom-main-kbeauty-related-wrap {padding-top:10px;}
.webM .custom-main-kbeauty-related-wrap {padding-top:10px;}
.webM .custom-main-kbeauty-conbox .opt-btm {position:relative;}

@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) {
    .custom-main-kbeauty-related-tit {background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/school-of-k-beauty/kbeauty-relatied-titbg-X2.gif'); background-size:12px 8px;}
}

/* 20170403 */
.webM .custom-main-kbeauty-related-thumbdes.dotline{padding-top: 4px;line-height: 1.3;}
@charset "utf-8";

.main-visual  {width:100%; margin:0 auto;}
.main-visual .UIslider  { position: relative;}
.main-visual .slider-pagerbox{ text-align: center;}
.main-visual .UIindicator, .main-visual .UIautorun{ display: inline-block; padding-right:10px; vertical-align:middle;}
.main-visual .UIautorun button>img {width:auto;}
.main-visual .UIindicator .pager {height:14px;}
.main-visual .UIslider-item{ width: 100%; }
.visual-slider {position:relative;}
.visual-slider .com-media {padding:0;}
.visual-slider-btn {display:none; position:absolute; top:50%; margin-top:-24px; z-index:10; width:48px;}
.visual-slider-btn img {width:100%;}
.visual-slider-btn.prev {left:20px;}
.visual-slider-btn.next {right:20px;}
.main-visual .UIslider-item {position:relative; }
.visual-slider-itemimg {width:100%;}
.visual-slider-itemtxt {position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; padding:30px 15px;}
.visual-slider-itemtxt .tit {font-size:20px; font-family: arb, ygb, sans-serif; padding-bottom:10px;}
.visual-slider-itemtxt .des {font-size:16px; font-family: arb, ygb, sans-serif; display:none;}
.visual-slider-itemtxt .com-link {margin-top:15px;}
.visual-slider-itemtxt .UIslider-con { width: auto; display:inline-block;}

.visual-link-button {position:absolute; left:50%; top:50%; z-index:3; width:50px; height:50px; margin:-25px 0 0 -25px;}
.visual-link-button img {width:100%;}

.opt-alignleft {text-align:left;}
.opt-alignright {text-align:right;}
.opt-aligncenter {text-align:center;}
.opt-whitetype .tit, .opt-whitetype .des {color:#fff;}
.opt-whitetype .com-link {border-color:#fff; color:#fff; background:url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/commons/link/linkbg-white.png") no-repeat right bottom}

.visual-slider-item.vedio .visual-slider-itemtxt .tit {margin-top:-60px;}
.visual-slider-thumbwrap {position: relative; min-height:100px;	padding-bottom: 87%;}
.ie8 .visual-slider-thumbwrap {min-height:auto;}
.visual-slider-thumb {position: absolute; width:100%; z-index: 2;}
.visual-slider-thumb 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) {
    .opt-whitetype .com-link {
        background-image: url("../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/commons/link/linkbg-white-X2.png");
        background-size:13px 12px;
    }
}

.tablet .main-visual {padding:0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tablet .visual-slider-btn {display:block;}
.tablet .visual-slider-itemtxt {padding:40px 85px;}
.tablet .visual-slider-itemtxt .UIslider-con {width:294px;}
.tablet .visual-slider-itemtxt .tit {font-size:30px; padding-bottom:20px;}
.tablet .visual-slider-item.vedio .visual-slider-itemtxt .tit {margin-top:-135px;}
.tablet .visual-slider-itemtxt .com-link {margin-top:0;}
.tablet .visual-slider-thumbwrap {padding-bottom: 42.15%;}
.tablet .visual-link-button {width:80px; height:80px; margin:-40px 0 0 -40px;}

.webM .visual-slider-btn {width:60px; margin-top:-30px;}
.webM .visual-slider-itemtxt {padding:60px 100px;}
.webM .visual-slider-itemtxt .UIslider-con {width:520px;}
.webM .visual-slider-itemtxt .tit {font-size:40px; padding-bottom:15px;}
.webM .visual-slider-itemtxt .des {display:block; font-size:20px;}
.webM .visual-slider-itemtxt .com-link {margin-top:25px;}
.webM .visual-slider-item.vedio .visual-slider-itemtxt .tit {margin-top:-190px;}
.webM .visual-link-button {width:100px; height:100px; margin:-50px 0 0 -50px;}

.webL .visual-slider-itemtxt {padding:120px 154px;}
.webL .visual-slider-itemtxt .UIslider-con {width:645px;}

/* img loading 후 youtube 개선 */
.main-visual .UIslider-box iframe {opacity: 0}

.main-visual .UIslider-con:focus .visual-slider-itemtxt:after {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px dotted #666; box-sizing:border-box; content:'';} /* kwcag 수정 190317 */
@charset "utf-8";

.custom-main-sparkling {width:100%; margin:0 auto; padding-bottom:60px;}
.custom-main-sparkling-conwrap {padding-top:10px;}
.custom-main-sparkling-banner {padding:0 15px; background-position:center top; background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/sparkling-beauty/sparkling-titbg-mobile.jpg'); background-repeat:no-repeat;}
.custom-main-sparkling-bannertit {height:80px; font-size:14px; position:relative;}
.custom-main-sparkling-bannertit span {color:#144b77; display:block; padding:23px 50% 0 0; font-family: arb, ygb, sans-serif;}
.custom-main-sparkling-bannertitbg {width:115px; position:absolute; right:0; bottom:0;}
.custom-main-sparkling-cardbox {padding:10px 5px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.custom-main-sparkling-cardline:after {content:""; display:block; clear:both;}
.custom-main-sparkling-card {width:50%; padding:10px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.custom-main-sparkling-card img {width:100%;}
.custom-main-sparkling-card .thumb {position:relative; display:block;}
.custom-main-sparkling-card .thumb .dim {display:none;}
.custom-main-sparkling-card .video {position:relative; display:block;}
.custom-main-sparkling-card .video .vedio-playdim {z-index:0;}
.custom-main-sparkling-card .video .vedio-playdim img {width:35px;position:absolute; left:50%; top:50%; margin:-17px 0 0 -17px; z-index:1;}

.tablet .custom-main-sparkling {padding:0 30px 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tablet .custom-main-sparkling-conwrap {position:relative; padding-top:0; margin-top:15px;}
.tablet .custom-main-sparkling-banner {position:absolute; left:0; top:0; width:208px; height:100%; background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/sparkling-beauty/sparkling-titbg-tablet.jpg');}
.tablet .custom-main-sparkling-cardbox {padding:0 0 0 215px; margin-right:-7px;}
.tablet .custom-main-sparkling-cardline.line1 {padding-bottom:15px;}
.tablet .custom-main-sparkling-card {width:25%; padding:0 7px;}
.tablet .custom-main-sparkling-bannertit {position:absolute; left:0; bottom:0; margin:0 20px; padding-bottom:70px; height:auto; font-size:16px;}
.tablet .custom-main-sparkling-bannertit span {padding:0;}
.tablet .custom-main-sparkling-bannertitbg {width:144px; left:0;}
.tablet .custom-main-sparkling-card .video .vedio-playdim img {width:40px; margin:-20px 0 0 -20px;}

.web .custom-main-sparkling-card .thumb .dim {display:none; font-size:16px; position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; text-align:center; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/sparkling-beauty/sparkling-thumb-dimbg.png') repeat left top;}
.web .custom-main-sparkling-card .thumb .dim.show {display:block}
.web .custom-main-sparkling-card .thumb .dim p {display:table; width:100%; height:100%;}
.web .custom-main-sparkling-card .thumb .dim p span {display:table-cell; vertical-align:middle;}

.webM .custom-main-sparkling {padding-bottom:140px;}
.webM .custom-main-sparkling-banner {width:400px;}
.webM .custom-main-sparkling-bannertit {font-size:20px; padding-bottom:95px; margin:0 30px;}
.webM .custom-main-sparkling-bannertit span {padding-right:110px;}
.webM .custom-main-sparkling-bannertitbg {width:180px;}
.webM .custom-main-sparkling-cardbox {padding-left:410px;}
.webM .custom-main-sparkling-card {padding:0 10px;}
.webM .custom-main-sparkling-cardline.line1 {padding-bottom:20px;}
.webM .custom-main-sparkling-card .video .vedio-playdim img {width:50px; margin:-25px 0 0 -25px;}

.webL .custom-main-sparkling-banner {width:340px; background-image:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/sparkling-beauty/sparkling-titbg.jpg');}
.webL .custom-main-sparkling-bannertit span {padding-right:70px;}
.webL .custom-main-sparkling-card {width:16.66%;}
.webL .custom-main-sparkling-cardbox {padding-left:350px;}
.webL .custom-main-sparkling-cardline.line1 {background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/sparkling-beauty/sparkling-thumb-bgright.gif') no-repeat right top;}
.webL .custom-main-sparkling-cardline.line2 {padding-left:33.32%; background:url('../../../../../../../content/dam/laneige/laneige2017/kr/ko/components/main/sparkling-beauty/sparkling-thumb-bgleft.gif') no-repeat left top;}
.webL .custom-main-sparkling-cardline.line2 .custom-main-sparkling-card {width:25%;}