@charset "utf-8";


/* 태그초기화 */
*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html, body{width:100%;height:100%;}
body{margin:0;font-family:'noto','맑은고딕',sans-serif;font-weight:400;font-size:13px;line-height:21px;color:#222;}
div, iframe, h1, h2, h3, h4, h5, h6, p, button, abbr, address, blockquote, q, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{margin:0; padding:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:400;font-size:1rem;line-height:1;}
ol, ul, li{list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
form, fieldset, iframe{border:0;}
img{border:0;vertical-align:top;font-size:0;line-height:0;}
button{border:0;}
hr{height:0;border:0;}
i, em, address{font-style:normal;}
u{text-decoration:none;}
strong, b{font-weight:600;}
label, button{cursor:pointer;}
blockquote, q{quotes:none;}
input, textarea, select, button{padding:0;font-family:'noto','맑은고딕',sans-serif;font-size:13px;font-weight:400;vertical-align:top;background:none;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
select::-ms-expand{display:none;}
a{color:#222;text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
img{max-width:100%;vertical-align:top;}
img, input, textarea, fieldset{border:none;outline:none;border-radius:0;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none;}

/* slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);	transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,
.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

/* content */
.pageTtl{height: 100vh;}
.pageTtl .ttlCtt{position: relative;height: 68.813%;}
.pageTtl .ttlCtt .ttlCmt{position: absolute;top: 0;left: 15px;width: 82.917%;margin-top: -3%;}
.pageTtl .ttlCtt .cmt{margin-top: 9px;font-size: 12px;line-height: 20px;font-weight: 600;letter-spacing: -0.4px;}
.pageTtl .ttlVisual{height: 31.187%;background: url('images/page_title_img.jpg') no-repeat center top / cover;}
.pageTtl .ttlVisual .ttlImg{display: none;}
.pageTtl .BbyLogo{position: absolute;bottom: 0;left: 15px;width: 45.834%;margin-bottom: 21%;}
.pageTtl .BbyLogo2{position: absolute;bottom: 0;right: 15px;width: 4.03%;margin-bottom: 39%;}
.BbyWrap{position: relative;overflow: hidden;padding-top: 41px;}
.BbyNavi .BbyTab{position: absolute;top: 0px;left: 0px;width: 100%;padding: 0 12px;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;line-height: 39px;background: #fff;box-sizing: border-box;}
.BbyNavi .BbyTab.fixed{position: fixed;z-index: 10;}
.BbyNavi .BbyTab li{display: inline-block;vertical-align: middle;}
.BbyNavi .BbyTab li a{display: block;padding: 0 18px;text-align: center;line-height: 24px;height: 24px;font-size: 0;}
.BbyNavi .BbyTab li a.lip{width: 16px;background: url('images/navi_title_01_off.png') no-repeat center / 16px auto;}
.BbyNavi .BbyTab li a.eye{width: 19px;background: url('images/navi_title_02_off.png') no-repeat center / 19px auto;}
.BbyNavi .BbyTab li a.face{width: 25px;background: url('images/navi_title_03_off.png') no-repeat center / 25px auto;}
.BbyNavi .BbyTab li a.current{border-radius: 24px;background: #222;color: #fff;}
.BbyNavi .BbyTab li a.lip.current{background: #222 url('images/navi_title_01_on.png') no-repeat center / 16px auto;}
.BbyNavi .BbyTab li a.eye.current{background: #222 url('images/navi_title_02_on.png') no-repeat center / 19px auto;}
.BbyNavi .BbyTab li a.face.current{background: #222 url('images/navi_title_03_on.png') no-repeat center / 25px auto;}
.BbyPdtList#BbyFace{padding-bottom:40px;}
.BbyPdtList li{margin-top: 50px;}
.BbyPdtList li:last-child{margin-bottom: 60px;}
.BbyPdtList .ttl{position: relative;width: 100%;height: 0;padding-top: 30.5%;text-align: center;}
.BbyPdtList#BbyLip .ttl{background: url('images/lip_title_bg.jpg') no-repeat center top / 100% auto;}
.BbyPdtList#BbyEye .ttl{background: url('images/eye_title_bg.jpg') no-repeat center top / 100% auto;}
.BbyPdtList#BbyFace .ttl{background: url('images/face_title_bg.jpg') no-repeat center top / 100% auto;}
.BbyPdtList .ttl img{display: block;position: absolute;height: 37px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.BbyPdtList .cmt{font-size: 14px;line-height: 14px;margin: 0 0 0 27px;}
.BbyPdtList .cmt span{display: block;font-size: 20px;line-height: 27px;font-weight: 600;}
.BbyPdtList .Bby_slideCover{width: 59.7%;margin: 20px auto 0;overflow: hidden;}
.BbyPdtList .Bby_slideCover .coverBox{position: relative;height: 0;padding-top: 120.46%;}
.BbyPdtList .Bby_slideCover .BbyPdtCover{position: absolute;top: 0;left: 0;width:100%;height:100%;}
.BbyPdtList .Bby_slideCover .BbyPdtCover img{height: 100%;max-width: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.BbyPdtList .Bby_slide{width: 50%;margin: -21.5% auto 0;}
.BbyPdtList .Bby_slide .slick-list{overflow: visible;}
.BbyPdtList .Bby_slide .BbyCttBox{text-align: center;}
.BbyPdtList .Bby_slide .BbyInfoBox{margin-top: -16px;}
.BbyPdtList .Bby_slide .BbyInfoBox .BbyPdtCmt{font-size: 10px;line-height: 21px;color: #ccc;margin-bottom: 3px;}
.BbyPdtList .Bby_slide .BbyInfoBox p{font-size: 12px;line-height: 21px;color: #222;}
.BbyPdtList .Bby_slide .BbyInfoBox .BbyPdtLink{display: inline-block;margin-top: 12px;line-height: 28px;padding: 0 16px;color: #222;border: 1px solid #222;}
.BbyPdtList .Bby_slideBar{position: relative;width: calc(100% - 24px);height: 2px;margin: 30px 0 0 12px;background: #dcdcdc;}
.BbyPdtList .Bby_slideBar span{position: absolute;top: 0;left: 0;height: 100%;background: #222;
-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}


.BbyPdtList#BbyEye .Bby_slide,
.BbyPdtList#BbyFace .Bby_slide{margin: -73.5% auto 0;}

.BbyPdtList#BbyEye .Bby_slideCover,
.BbyPdtList#BbyFace .Bby_slideCover{opacity:0;}