@charset "utf-8"; /* swiper */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px);-ms-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px,-50%,0);-moz-transform:translate3d(0px,-50%,0);-o-transform:translate(0px,-50%);-ms-transform:translate3d(0px,-50%,0);transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,0.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,0.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /**************************************************************************************************** * common ****************************************************************************************************/ .feature-inner{opacity:1} #image-load{visibility:visible;position:fixed;top:0;left:1px;z-index:-1} #image-load:before{content:"";position:absolute;width:1px;height:1px;background:#fff} #image-load img{position:absolute;top:0px;left:0px;width:1px;height:1px} .nbb{font-weight:400;font-family:'NanumBarunBold'} .sl{font-weight:400;font-family:'SECGCWL'} .sm{font-weight:400;font-family:'SECGCWM'} .sb{font-weight:400;font-family:'SECGCWB'} .ssr{font-weight:300;font-family:'SamsungSharpSans'} .ssm{font-weight:400;font-family:'SamsungSharpSans'} .ssb{font-weight:700;font-family:'SamsungSharpSans'} a, button, div, p, span, img { -webkit-tap-highlight-color:transparent;outline:none} @font-face{ font-family:'SamsungOne'; src:url("http://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.eot"); src:url("http://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.eot?#iefix") format("embedded-opentype"), url("http://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.woff") format("woff"), url("http://cdn.samsung.com/etc/designs/smg/global/fonts/SamsungOne-400.ttf") format("truetype"); font-weight:normal; font-style:normal; } /**************************************************************************************************** * customizing ****************************************************************************************************/ /* 공통 */ .feature .play-btn {width:70px;height:70px;background:url(../image/samsung/sec-html-feature-rf9900m-playbtn.png);background-size:100%} .feature .blank-txt {padding-left:17px} .feature video {position:relative;z-index:1;-webkit-transform: translateZ(0)} .video-poster {position:absolute;top:0;left:0;opacity:1;z-index:1;width:100%;-webkit-transform: translateZ(0)} .video-poster.video-active {opacity:0} .feature .mobile-video {display:none;} .feature .pc-video {display:block;} /* 인트로 */ .feature.section1 {height:718px;margin-bottom:10px} .feature.section1 .prd-logo{position:absolute;top:203px;left:240px;z-index:2} .feature.section1 .feature-desc {opacity:0;position:absolute;bottom:150px;left:50%;text-align:center;transform:translateX(-50%);z-index:2} /* 당신을 위한 명작 */ .feature.section2 {height:320px;} .feature.section2 .txt-wrap{top:90px;padding-top:0;text-align:center;} .feature.section2 .txt-wrap .feature-tit {line-height:75px;font-weight:900;color:#444444} /* 예술로 탄생한 셰프컬렉션 */ .feature.section3 {height:798px} .feature.section3 .txt-wrap {top:auto;bottom:135px;} .feature.section3 .txt-wrap .feature-subtit{margin-bottom:25px} .feature.section3 .txt-wrap .feature-desc{margin-bottom:20px} .feature.section3 .prd-wrap .prd {position:absolute;} .feature.section3 .prd-wrap .prd.prd-before{z-index:2;} .feature.section3 .prd-wrap .prd.prd-after {} /* 세라믹 특장점 */ .feature.section4 {padding-top:100px;} .feature.section4 .prd-wrap .prd {position:relative;} .feature.section4 .prd-wrap .prd .prd-txt, .feature.section4 .prd-wrap .prd .prd-video, .feature.section4 .prd-wrap .prd .play-btn {position:absolute;z-index:2} .feature.section4 .prd-wrap .prd-txt {box-sizing:border-box} .feature.section4 .prd-wrap .prd-txt .feature-tit{margin-bottom:20px;font-size:40px;line-height:50px;color:#444444} .feature.section4 .prd-wrap .prd-txt .feature-subtit{font-size:24px;line-height:28px;color:#c3a34a} .feature.section4 .prd-wrap .prd-txt .feature-desc{margin-bottom:10px;color:#444444} .feature.section4 .prd-wrap .prd-txt .feature-warning-desc{margin-top:30px;color:#444444} .feature.section4 .prd-wrap .prd .prd-video {cursor:pointer} .feature.section4 .prd-wrap .prd .prd-video video {width:100%;} .feature.section4 .prd-wrap .prd .play-btn.video-active {display:none} .feature.section4 .prd-wrap .prd.prd-box01 {height:750px;margin-top:-500px;padding-top:500px;z-index:4} .feature.section4 .prd-wrap .prd.prd-box01 .prd-video{top:500px;left:97px;width:798px;height:620px;z-index:2} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt{top:630px;right:100px;} .feature.section4 .prd-wrap .prd.prd-box01 .play-btn{bottom:40px;right:40px} .feature.section4 .prd-wrap .prd.prd-box02 {height:678px;margin-top:-363px;padding-top:400px;z-index:3} .feature.section4 .prd-wrap .prd.prd-box02 .prd-video{top:625px;right:0;width:850px;height:550px;} .feature.section4 .prd-wrap .prd.prd-box02 .prd-txt{top:500px;left:150px;} .feature.section4 .prd-wrap .prd.prd-box02 .play-btn{bottom:40px;right:40px} .feature.section4 .prd-wrap .prd.prd-box03 {height:764px;margin-top:-342px;padding-top:500px;z-index:2} .feature.section4 .prd-wrap .prd.prd-box03 .prd-video{top:570px;left:0;width:714px;height:692px;z-index:2} .feature.section4 .prd-wrap .prd.prd-box03 .prd-txt{top:500px;right:120px;} .feature.section4 .prd-wrap .prd.prd-box03 .play-btn{bottom:40px;left:40px} .feature.section4 .prd-wrap .prd.prd-box04 {height:800px;margin-top:-590px;padding-top:500px;z-index:1} .feature.section4 .prd-wrap .prd.prd-box04 .prd-video{top:500px;right:63px;width:584px;height:800px} .feature.section4 .prd-wrap .prd.prd-box04 .prd-txt{top:828px;left:230px;} .feature.section4 .prd-wrap .prd.prd-box04 .play-btn{bottom:40px;left:40px} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt .feature-desc-tit {margin:25px 0 12px 0;font-size:22px;font-weight:400;color:#444} /* .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt .feature-desc.emphasis .detail-view {width:113px;height:36px;margin-top:18px;font-size:15px;font-family:'SECGCWB';color:#444;line-height:38px;border:1px solid #444;border-radius:100px} .feature.section4 .prd-wrap .prd.prd-box01 .prd-video .graph-popup {position:absolute;top:0;left:0;display:none;z-index:2;width:101%;height:101%;background:#F9F9F9;} .feature.section4 .prd-wrap .prd.prd-box01 .prd-video .graph-popup.is-active {display:block;} .feature.section4 .prd-wrap .prd.prd-box01 .prd-video .graph-popup .popup-close {overflow:hidden;position:absolute;top:0;right:0;z-index:3;width:70px;height:70px;text-indent:-9999px;background:url(../image/samsung/sec-html-feature-rf9900m-sec05-btn-detail-close.png) 0 0 no-repeat #bbb;outline:none;} .feature.section4 .prd-wrap .prd.prd-box01 .prd-video .graph-popup .popup-cont{text-align:center} .feature.section4 .prd-wrap .prd.prd-box01 .prd-video .graph-popup .popup-cont .feature-tit{margin-top:90px;font-size:36px;color:#444;} .feature.section4 .prd-wrap .prd.prd-box01 .prd-video .graph-popup .popup-cont .popup-img {margin-top:50px} .feature.section4 .prd-wrap .prd .mobile-graph-popup {display:none;} */ /* 갤러리 */ .feature.section5 {margin-top:50px} .feature.section5 .feature-warning-desc{margin-bottom:60px;margin-right:120px;color:#444444;text-align:right;} .feature.section5 .gallery-wrap{overflow:hidden;padding-bottom:30px;} .feature.section5 .gallery-wrap .gallery-box {overflow:hidden;margin-bottom:30px;cursor:pointer;} .feature.section5 .gallery-wrap .gallery-sec{float:left;} .feature.section5 .gallery-wrap .gallery-sec.sec01 {margin-right:30px;} .feature.section5 .gallery-wrap .gallery-sec.sec04 .gallery-inner {float:left} .feature.section5 .gallery-wrap .gallery-sec.sec04 .gallery-inner:nth-child(1) {width:860px;margin-right:30px} .feature.section5 .gallery-wrap .gallery-sec.sec04 .gallery-inner:nth-child(2) {width:545px} .feature.section5 .gallery-wrap .gallery-sec img{display:block;width:100%} .feature.section5 .gallery-wrap .gallery-box img {position:relative;top:0;width:100%;transition:0.8s} .feature.section5 .gallery-wrap .gallery-box:hover img {transform:scale(1.1);} .feature.section5 .gallery-wrap .gallery-sec .gallery-box01, .feature.section5 .gallery-wrap .gallery-sec .gallery-box03{height:570px} .feature.section5 .gallery-wrap .gallery-sec .gallery-box02, .feature.section5 .gallery-wrap .gallery-sec .gallery-box04, .feature.section5 .gallery-wrap .gallery-sec .gallery-box06, .feature.section5 .gallery-wrap .gallery-sec .gallery-box07{height:370px} .feature.section5 .gallery-wrap .gallery-sec .gallery-box05{height:420px} .feature.section5 .gallery-wrap-mobile{display:none} /* 제작공정 */ .feature.section6 {height:900px;} .feature.section6 .product-cycle {height:100%} .feature.section6 .product-cycle .arrow-btn {opacity:0.6;width:70px;height:70px;background-size:100%;} .feature.section6 .product-cycle .arrow-btn:hover {opacity:1;} .feature.section6 .product-cycle .swiper-button-prev {left:85px;background:url(../image/samsung/sec-html-feature-rf9900m-gallery-prev-btn.png)} .feature.section6 .product-cycle .swiper-button-next {right:85px;background:url(../image/samsung/sec-html-feature-rf9900m-gallery-next-btn.png)} .feature.section6 .product-cycle .swiper-pagination {bottom:50px;width:100%} .feature.section6 .product-cycle .swiper-pagination .swiper-pagination-bullet {opacity:0.3;width:12px;height:12px;margin:0 10px;background:#fff} .feature.section6 .product-cycle .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;background:#fff} .feature.section6 .product-cycle .swiper-pagination .swiper-pagination-bullet.black-bullet {background:#000} .feature.section6 .product-cycle .swiper-pagination .swiper-pagination-bullet.black-bullet.swiper-pagination-bullet-active {background:#000} .feature.section6 .product-cycle .swiper-slide {position:relative} .feature.section6 .product-cycle .swiper-slide .slide-tit{position:absolute;top:100px;left:200px;z-index:3} .feature.section6 .product-cycle .swiper-slide .slide-txt{position:absolute;top:240px;left:200px;z-index:3} .feature.section6 .product-cycle .swiper-slide .slide-tit .feature-tit{font-size:40px;line-height:55px;} .feature.section6 .product-cycle .swiper-slide .slide-tit .feature-subtit {margin-bottom:20px;font-size:27px;} .feature.section6 .product-cycle .swiper-slide .slide-txt .feature-desc {line-height:28px} .feature.section6 .product-cycle .product-cycle-cont03 .slide-tit .feature-tit{color:#444444} .feature.section6 .product-cycle .product-cycle-cont03 .slide-tit .feature-subtit{color:#444444} .feature.section6 .product-cycle .product-cycle-cont03 .slide-txt .feature-desc{color:#444444} .feature.section6 .product-cycle .product-cycle-cont04 .slide-txt .feature-desc{margin-bottom:20px} .feature.section6 .product-cycle .product-cycle-cont05 .slide-txt:last-child{top:345px} .feature.section6 .product-cycle .product-cycle-cont05 .prd img{position:absolute;top:0;left:0} .feature.section6 .product-cycle .product-cycle-cont05 .prd.prd-after {position:relative;z-index:2} .feature.section6 .product-cycle .product-cycle-cont05 .prd.prd-before {position:relative;z-index:2} .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {position:absolute;top:646px;left:633px;z-index:3} /* 패밀리 허브 */ .feature.section7 {height:1170px;background:#191919} .feature.section7 .txt-wrap {top:315px;padding-top:0} .feature.section7 .txt-wrap .feature-tit{margin-bottom:90px;font-family:'SamsungSharpSans';font-size:80px;font-weight:bold} .feature.section7 .txt-wrap .feature-tit-desc{margin-bottom:30px;font-family:'SECGCWL';font-size:40px;line-height:50px;color:#dddddd} .feature.section7 .txt-wrap .feature-subtit{font-size:26px} .feature.section7 .txt-wrap .feature-desc{font-size:20px} .feature.section7 .prd-wrap .prd {position:absolute;} .feature.section7 .prd-wrap .prd.prd-after {opacity:0;} .feature.section7 .detail-view-btn {display:block;position:absolute;left:120px;bottom:200px;width:175px;height:56px;border:1.5px solid #fff;font-family:'SECGCWB';font-size:20px;text-align:center;line-height:56px;color:#dddddd;border-radius:100px} /* 특장점 */ .feature.section8 {height:1003px;} .feature.section8 .advantage {height:100%} .feature.section8 .advantage .swiper-slide {background:#E2E2E2} .feature.section8 .advantage .feature-tit{color:#444444} .feature.section8 .advantage .feature-subtit{color:#444444} .feature.section8 .advantage .feature-desc{color:#444444} .feature.section8 .advantage .feature-warning-desc{position:absolute;bottom:135px;right:165px;color:#444444} .feature.section8 .advantage .arrow-btn {width:70px;height:70px;background-size:100%;opacity:0.8} .feature.section8 .advantage .arrow-btn:hover {opacity:1} .feature.section8 .advantage .swiper-button-prev{left:70px;background:url(../image/samsung/sec-html-feature-rf9900m-gallery-prev-btn.png)} .feature.section8 .advantage .swiper-button-next{right:70px;background:url(../image/samsung/sec-html-feature-rf9900m-gallery-next-btn.png)} .feature.section8 .advantage .swiper-pagination {opacity:0;top:150px;left:840px;transition:none;} .feature.section8 .advantage .swiper-pagination.first-slide {display:none} .feature.section8 .advantage .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 7px;background:#000} .feature.section8 .advantage .swiper-pagination .swiper-pagination-bullet:first-child{display:none} .feature.section8 .advantage .txt-wrap{width:342px;top:273px;right:293px;left:auto;padding:35px 0;margin:0;text-align:center;border:1px solid #444444;cursor:pointer;} .feature.section8 .advantage .txt-wrap .feature-tit{font-size:54px;line-height:63px;} .feature.section8 .advantage .txt-wrap .feature-subtit{width:238px;padding-top:15px;margin:0 auto;line-height:0;border-top:7px solid #444444} .feature.section8 .advantage .advantage-desc-box{position:absolute;top:140px;right:100px;width:541px;height:687px;padding:50px 45px;box-sizing:border-box;} .feature.section8 .advantage .advantage-desc-box .feature-tit {font-size:50px;line-height:60px;} .feature.section8 .advantage .advantage-desc-box .feature-subtit {font-size:30px;} .feature.section8 .advantage .advantage-desc-box .feature-desc {font-size:20px;letter-spacing:-1px} .feature.section8 .advantage .advantage-desc-box .cont-img {margin-top:40px;text-align:center;} .feature.section8 .advantage .advantage-desc-box.remove-box {top:0;transition:0.5s;opacity:1} /* life-style-web-detail popup */ .feature-inner .popup-on {display:none;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0, 0, 0, .9);} .life-style-web-detail-wrap{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:620px;outline:none;z-index:11} .life-style-web-detail-wrap .detail-prev{overflow:hidden;position:absolute;top:53%;left:50px;z-index:2;width:140px;height:70px;margin-top:-35px;opacity:0.8;text-indent:-9999px;background:url(../image/samsung/sec-html-feature-rf9900m-gallery-prev-btn.png) 50% 50% no-repeat;transform:translateY(-50%);outline:none;} .life-style-web-detail-wrap .detail-next{overflow:hidden;position:absolute;top:53%;right:50px;z-index:2;width:140px;height:70px;margin-top:-35px;opacity:0.8;text-indent:-9999px;background:url(../image/samsung/sec-html-feature-rf9900m-gallery-next-btn.png) 50% 50% no-repeat;transform:translateY(-50%);outline:none;} .life-style-web-detail-wrap .detail-prev:hover, .life-style-web-detail-wrap .detail-next:hover {opacity:1} .life-style-web-detail-wrap .close-box {position:absolute;top:50%;left:50%;width:1000px;height:620px;transform:translate(-50%, -50%);z-index:2} .life-style-web-detail-wrap .layer-close{overflow:hidden;position:absolute;top:0;right:0;width:70px;height:70px;text-indent:-9999px;background:url(../image/samsung/sec-html-feature-rf9900m-sec05-btn-detail-close.png) 0 0 no-repeat;outline:none;} .life-style-web-detail-wrap .swiper-button-disabled{background:none} .life-style-web-detail{overflow:hidden;width:1000px;height:100%;margin:0 auto;} .life-style-web-detail .swiper-wrapper{width:100%} .life-style-web-detail .swiper-wrapper .swiper-slide {overflow:hidden} @media (max-width: 1456px){ .feature.section5 .gallery-wrap .gallery-box {margin-bottom:13px;} .feature.section5 .gallery-wrap .gallery-sec.sec01 {margin-right:13px;} .feature.section5 .gallery-wrap .gallery-sec.sec04 .gallery-inner:nth-child(1) {margin-right:13px} } @media (max-width: 1439px) and (min-width: 768px) { /* 공통 */ .feature .play-btn {width:4.861vw;height:4.861vw;} .feature .blank-txt {padding-left:1.1805vw} .feature .mobile-video {display:none;} .feature .pc-video {display:block;} /* 인트로 */ .feature.section1 {height:49.861vw;margin-bottom:0.6944vw} .feature.section1 .video-wrap img, .feature.section1 .video-wrap video {width:100vw} .feature.section1 .prd-logo{top:14.0972vw;left:16.666vw;} .feature.section1 .prd-logo img{width:33.194vw} .feature.section1 .feature-desc {bottom:10.4166vw;} .feature.section1 .feature-desc img{width:46.805vw} /* 당신을 위한 명작 */ .feature.section2 {height:22.22vw} .feature.section2 .video-wrap video {width:100vw} .feature.section2 .txt-wrap{top:6.25vw;} .feature.section2 .txt-wrap .feature-tit {line-height:5.2083vw;} /* 예술로 탄생한 셰프컬렉션 */ .feature.section3 {height:55.416vw} .feature.section3 .txt-wrap {bottom:9.375vw;left:8.33vw} .feature.section3 .txt-wrap .feature-subtit{margin-bottom:1.7361vw;line-height:3.194vw} .feature.section3 .txt-wrap .feature-desc{margin-bottom:1.38vw} .feature.section3 .prd-wrap .prd img {width:100vw} /* 세라믹 특장점 */ .feature.section4 {padding-top:0;} .feature.section4 .prd-wrap .prd-txt .feature-tit{margin-bottom:1.38vw;font-size:2.77vw;line-height:3.472vw;} .feature.section4 .prd-wrap .prd-txt .feature-subtit{font-size:1.66vw;line-height:1.94vw;} .feature.section4 .prd-wrap .prd-txt .feature-desc{margin-bottom:0.694vw;} .feature.section4 .prd-wrap .prd-txt .feature-warning-desc{margin-top:2.083vw;} .feature.section4 .prd-wrap .prd .prd-video img {width:100%} .feature.section4 .prd-wrap .prd.prd-box01 {height:52.083vw;margin-top:-34.72vw;padding-top:34.72vw;} .feature.section4 .prd-wrap .prd.prd-box01 .prd-video{top:34.72vw;left:6.7361vw;width:55.416vw;height:43.05vw;} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt{top:43.75vw;right:4.33vw;} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt .feature-desc.emphasis {padding:1.38vw 2.083vw;margin-left:-1.38vw;} .feature.section4 .prd-wrap .prd.prd-box01 .play-btn{bottom:2.77vw;right:2.77vw} .feature.section4 .prd-wrap .prd.prd-box02 {height:47.083vw;margin-top:-25.2083vw;padding-top:27.77vw;} .feature.section4 .prd-wrap .prd.prd-box02 .prd-video{top:43.4027vw;right:0;width:59.027vw;height:38.194vw;} .feature.section4 .prd-wrap .prd.prd-box02 .prd-txt{top:34.72vw;left:10.416vw;} .feature.section4 .prd-wrap .prd.prd-box02 .play-btn{bottom:2.77vw;right:2.77vw} .feature.section4 .prd-wrap .prd.prd-box03 {height:53.055vw;margin-top:-23.75vw;padding-top:34.72vw;} .feature.section4 .prd-wrap .prd.prd-box03 .prd-video{top:39.583vw;left:0;width:49.583vw;height:48.05vw;} .feature.section4 .prd-wrap .prd.prd-box03 .prd-txt{top:34.72vw;right:4.333vw;} .feature.section4 .prd-wrap .prd.prd-box03 .play-btn{bottom:2.77vw;left:2.77vw} .feature.section4 .prd-wrap .prd.prd-box04 {height:70vw;margin-top:-40.972vw;padding-top:38vw;} .feature.section4 .prd-wrap .prd.prd-box04 .prd-video{top:34.72vw;right:4.375vw;width:40.55vw;height:55.55vw} .feature.section4 .prd-wrap .prd.prd-box04 .prd-txt{top:57.5vw;left:15.972vw;} .feature.section4 .prd-wrap .prd.prd-box04 .play-btn{bottom:2.77vw;left:2.77vw} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt .feature-desc-tit {margin:1.7361vw 0 0.833vw 0;font-size:1.527vw;} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt .graph-img img{width:27.77vw} /* 갤러리 */ .feature.section5 .feature-warning-desc{margin-bottom:8.33vw;margin-right:8.333vw;} .feature.section5 .gallery-wrap{padding-bottom:2.083vw;} .feature.section5 .gallery-wrap .gallery-box {margin-bottom:30px;} .feature.section5 .gallery-wrap .gallery-sec.sec01 {width:50%;margin:0} .feature.section5 .gallery-wrap .gallery-sec.sec02 {width:50%;} .feature.section5 .gallery-wrap .gallery-sec.sec03 {width:100%;} .feature.section5 .gallery-wrap .gallery-sec.sec04 {width:100%;} .feature.section5 .gallery-wrap .gallery-sec.sec04 .gallery-inner:nth-child(1) {width:58vw;margin-right:30px} .feature.section5 .gallery-wrap .gallery-sec.sec04 .gallery-inner:nth-child(2) {width:35.8vw} .feature.section5 .gallery-wrap .gallery-sec.sec01 .gallery-box{margin-right:15px} .feature.section5 .gallery-wrap .gallery-sec.sec02 .gallery-box{margin-left:15px;} .feature.section5 .gallery-wrap .gallery-sec .gallery-box01, .feature.section5 .gallery-wrap .gallery-sec .gallery-box03{height:39.583vw} .feature.section5 .gallery-wrap .gallery-sec .gallery-box02, .feature.section5 .gallery-wrap .gallery-sec .gallery-box04, .feature.section5 .gallery-wrap .gallery-sec .gallery-box06, .feature.section5 .gallery-wrap .gallery-sec .gallery-box07{height:25.694vw} .feature.section5 .gallery-wrap .gallery-sec .gallery-box05{height:29.166vw} /* .feature.section5 .gallery-wrap .gallery-box01 {width:47.9583vw;height:34.583vw} .feature.section5 .gallery-wrap .gallery-box02 {width:47.9583vw;height:20.694vw} .feature.section5 .gallery-wrap .gallery-box03 {width:47.9583vw;height:34.583vw} .feature.section5 .gallery-wrap .gallery-box04 {width:47.9583vw;height:20.694vw} .feature.section5 .gallery-wrap .gallery-box05 {width:100vw;height:24.166vw} .feature.section5 .gallery-wrap .gallery-box06 {width:58.722vw;height:20.694vw} .feature.section5 .gallery-wrap .gallery-box07 {width:36.8472vw;height:20.694vw} */ /* 제작공정 */ .feature.section6 {height:62.5vw;} .feature.section6 .product-cycle .arrow-btn {width:4.861vw;height:4.861vw;background-size:100%} .feature.section6 .product-cycle .swiper-button-prev {left:5.9027vw;} .feature.section6 .product-cycle .swiper-button-next {right:5.9027vw;} .feature.section6 .product-cycle .swiper-pagination {bottom:3.472vw;} .feature.section6 .product-cycle .swiper-pagination .swiper-pagination-bullet {width:0.833vw;height:0.833vw;margin:0 0.694vw;} .feature.section6 .product-cycle .swiper-slide .prd img {width:100vw} .feature.section6 .product-cycle .swiper-slide .slide-tit {top:6.94vw;left:13.88vw;} .feature.section6 .product-cycle .swiper-slide .slide-txt {top:19.66vw;left:13.88vw;} .feature.section6 .product-cycle .swiper-slide .slide-tit .feature-tit{font-size:2.77vw;line-height:3.8194vw;} .feature.section6 .product-cycle .swiper-slide .slide-tit .feature-subtit {margin-bottom:1.388vw;font-size:1.875vw;} .feature.section6 .product-cycle .swiper-slide .slide-txt .feature-desc {line-height:1.944vw} .feature.section6 .product-cycle .product-cycle-cont04 .slide-txt .feature-desc{margin-bottom:1.388vw} .feature.section6 .product-cycle .product-cycle-cont05 .slide-txt:last-child{top:26.9583vw} .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:44.8611vw;left:44.5vw;} .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc img{width:27.77vw} /* 패밀리 허브 */ .feature.section7 {height:81.25vw;margin-top:-1px} .feature.section7 .prd-wrap .prd img {width:100vw} .feature.section7 .txt-wrap {left:8.33vw;top:21.875vw;} .feature.section7 .txt-wrap .feature-tit{margin-bottom:6.25vw;font-size:5.55vw;} .feature.section7 .txt-wrap .feature-tit-desc{margin-bottom:2.083vw;font-size:2.77vw;line-height:3.472vw;} .feature.section7 .txt-wrap .feature-subtit{font-size:1.805vw} .feature.section7 .txt-wrap .feature-desc{font-size:1.388vw} .feature.section7 .detail-view-btn {left:8.33vw;bottom:13.88vw;width:12.1527vw;height:3.888vw;font-size:1.388vw;line-height:3.888vw;border-radius:6.944vw} /* 특장점 */ .feature.section8 {height:69.6527vw;} .feature.section8 .advantage .feature-warning-desc{bottom:9.375vw;right:11.4583vw;} .feature.section8 .advantage .arrow-btn {width:4.861vw;height:4.861vw;background-size:100%} .feature.section8 .advantage .swiper-button-prev{left:4.861vw;} .feature.section8 .advantage .swiper-button-next{right:4.861vw;} .feature.section8 .advantage .swiper-pagination {top:10.416vw;left:58.333vw;} .feature.section8 .advantage .swiper-pagination .swiper-pagination-bullet{width:0.833vw;height:0.833vw;margin:0 0.4861vw;} .feature.section8 .advantage .txt-wrap{width:23.75vw;top:18.9583vw;right:16.5972vw;padding:2.4305vw 0;} .feature.section8 .advantage .txt-wrap .feature-tit{font-size:3.75vw;line-height:4.375vw;} .feature.section8 .advantage .txt-wrap .feature-subtit{width:16.527vw;padding-top:1.0416vw;border-top:4px solid #444444} .feature.section8 .advantage .txt-wrap .feature-subtit img {width:13.194vw} .feature.section8 .advantage .swiper-slide > img {width:100vw} .feature.section8 .advantage .advantage-desc-box .cont-img img {width:28.541vw} .feature.section8 .advantage .advantage-desc-box{top:9.722vw;right:5.4vw;width:37.5694vw;height:47.7083vw;padding:3.472vw 3.125vw;} .feature.section8 .advantage .advantage-desc-box .feature-tit {font-size:3.472vw;line-height:4.166vw;} .feature.section8 .advantage .advantage-desc-box .feature-subtit {font-size:2.083vw;} .feature.section8 .advantage .advantage-desc-box .feature-desc {font-size:1.388vw;} .feature.section8 .advantage .advantage-desc-box .cont-img {margin-top:2.77vw;} /* life-style-web-detail popup */ .life-style-web-detail {width:69.44vw} .life-style-web-detail-wrap {height:43.055vw} .life-style-web-detail-wrap .detail-prev{width:9.722vw;height:4.861vw;left:3.472vw;margin-top:-2.4305vw;background-size:4.861vw;} .life-style-web-detail-wrap .detail-next{width:9.722vw;height:4.861vw;right:3.472vw;margin-top:-2.4305vw;background-size:4.861vw;} .life-style-web-detail-wrap .close-box {width:69.44vw;height:43.055vw;} .life-style-web-detail-wrap .layer-close{width:4.861vw;height:4.861vw;background-size:100%;} .life-style-web-detail .swiper-wrapper .swiper-slide img {width:69.44vw} } @media (max-width: 900px) and (min-width: 768px) { .feature.section4 .prd-wrap {height:280vw;margin-top:-50vw} } /* max-width: 767px - 0px */ @media (max-width: 767px) { /**************************************************************************************************** * common ****************************************************************************************************/ .feature .txt-wrap.warning-txt {padding-top:10vw;} .feature .play-btn {width:9.72vw;height:9.72vw;background-repeat:no-repeat} .feature .blank-txt {padding-left:13px} .video-poster {transition:none} .feature .mobile-video {display:block;} .feature .pc-video {display:none;} /**************************************************************************************************** * customizing ****************************************************************************************************/ /* 인트로 */ .feature.section1 {width:100vw;height:96.222vw;margin-bottom:2vw} .feature.section1 .responsive-image {width:100%} .feature.section1 .prd-logo {left:8.33vw;top:24.166vw} .feature.section1 .prd-logo img {width:58.194vw} .feature.section1 .feature-desc {bottom:26.388vw;} .feature.section1 .feature-desc img{width:67.777vw} /* 당신을 위한 명작 */ .feature.section2 {width:100vw;height:43.5vw} .feature.section2 .responsive-image {width:100%} .feature.section2 .txt-wrap{top:15.277vw} .feature.section2 .txt-wrap .feature-tit {font-size:6.25vw;line-height:8.33vw} /* 예술로 탄생한 셰프컬렉션 */ .feature.section3 {width:100vw;height:176.38vw} .feature.section3 .responsive-image {width:100%} .feature.section3 .txt-wrap {bottom:auto;padding-top:20vw;text-align:center;} /* 세라믹 특장점 */ .feature.section4 {padding-top:25vw} .feature.section4 .prd-wrap {margin:0 4vw;} .feature.section4 .prd-wrap .prd {width:100%;} .feature.section4 .prd-wrap .prd.prd-box01, .feature.section4 .prd-wrap .prd.prd-box02, .feature.section4 .prd-wrap .prd.prd-box03, .feature.section4 .prd-wrap .prd.prd-box04{height:175vw;margin-top:0;padding-top:0;} .feature.section4 .prd-wrap .prd.prd-box01{height:240vw} .feature.section4 .prd-wrap .prd.prd-box04{height:170vw;} .feature.section4 .prd-wrap .prd.prd-box02 {padding-top:10vw} .feature.section4 .prd-wrap .prd.prd-box01 .prd-video, .feature.section4 .prd-wrap .prd.prd-box02 .prd-video, .feature.section4 .prd-wrap .prd.prd-box03 .prd-video, .feature.section4 .prd-wrap .prd.prd-box04 .prd-video {left:0;top:0!important;width:100%;height:auto;overflow:hidden;} .feature.section4 .prd-wrap .prd img{top:50%;left:50%;width:110%;height:110%;transform:translate(-50%, -50%)} .feature.section4 .prd-wrap .prd.prd-box01 .play-btn, .feature.section4 .prd-wrap .prd.prd-box02 .play-btn, .feature.section4 .prd-wrap .prd.prd-box03 .play-btn, .feature.section4 .prd-wrap .prd.prd-box04 .play-btn {bottom:4.16vw;left:auto;right:4.16vw} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt, .feature.section4 .prd-wrap .prd.prd-box02 .prd-txt, .feature.section4 .prd-wrap .prd.prd-box03 .prd-txt, .feature.section4 .prd-wrap .prd.prd-box04 .prd-txt {right:auto;left:0;top:90vw!important;width:100%;text-align:left} .feature.section4 .prd-wrap .prd.prd-box02 .prd-txt, .feature.section4 .prd-wrap .prd.prd-box04 .prd-txt {text-align:right} /*.feature.section4 .prd-wrap .prd img{width:100%}*/ .feature.section4 .prd-wrap .prd .prd-video video {height:auto} .feature.section4 .prd-wrap .prd-txt .feature-tit {font-size:6.25vw;line-height:7.5vw} .feature.section4 .prd-wrap .prd-txt .feature-subtit {font-size:4.72vw;} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt .feature-desc.emphasis {padding:2.77vw 4.166vw;margin-left:0} .feature.section4 .prd-wrap .prd .prd-video{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .feature.section4 .prd-wrap .prd .prd-video .mobile-video {width:100vw} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt .feature-desc-tit {margin:2.77vw 0;font-size:4.72vw} .feature.section4 .prd-wrap .prd.prd-box01 .prd-txt .graph-img img {position:static;width:88.88vw;height:auto;transform:inherit;} /* 갤러리 */ .feature.section5 {margin-top:5vw} .feature.section5 .gallery-wrap{display:none} .feature.section5 .gallery-wrap-mobile{display:block;min-width:1px} .feature.section5 .gallery-wrap-mobile::after{content:"";display:block;clear:both} .feature.section5 .gallery-wrap-mobile .gallery-sec{float:left;width:50%} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec3{clear:both;width:100%} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec4{clear:both;width:100%} .feature.section5 .gallery-wrap-mobile .gallery-sec img{display:block;width:100%} .feature.section5 .gallery-wrap-mobile .gallery-sec .gallery-box{margin-bottom:10px;cursor:pointer} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec1 .gallery-box{margin-right:7px} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec2 .gallery-box{margin-left:3px} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec4 .gallery-box{min-width:1px} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec4 .gallery-box::after{content:"";display:block;clear:both} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec4 .gallery-box-inner:nth-child(1) .gallery-box06{margin-right:5px} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec4 .gallery-box-inner:nth-child(2) .gallery-box07{margin-left:5px} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec4 .gallery-box-inner:nth-child(1){float:left;width:60.5%} .feature.section5 .gallery-wrap-mobile .gallery-sec.sec4 .gallery-box-inner:nth-child(2){float:left;width:39.5%} .feature.section5 .feature-warning-desc {width:100%;text-align:center;margin:5vw 0;margin-bottom:40px} /* 제작공정 */ .feature.section6 {height:auto} .mobile .feature.section6 {height:auto;} .feature.section6 .product-cycle .arrow-btn {width:11.11vw;height:11.11vw;background-repeat:no-repeat;background-size:100%} .feature.section6 .product-cycle .swiper-button-next {right:1.5vw;} .feature.section6 .product-cycle .swiper-button-prev {left:1.5vw;} .feature.section6 .product-cycle .swiper-pagination {bottom:6vw} .feature.section6 .product-cycle .swiper-pagination .swiper-pagination-bullet {width:3vw;height:3vw;margin:0 5px} .feature.section6 .product-cycle .swiper-slide .prd img {width:100%;display:inline-block;height:100%} .feature.section6 .product-cycle .swiper-slide .slide-tit .feature-tit {font-size:6.25vw;line-height:8vw} .feature.section6 .product-cycle .swiper-slide .slide-tit {top:20vw;left:auto;right:auto;width:100%;text-align:center;} .feature.section6 .product-cycle .swiper-slide .slide-txt {top:53vw;left:auto;right:auto;width:100%;text-align:center;} .feature.section6 .product-cycle .swiper-slide .slide-txt .feature-desc {line-height:22px} .feature.section6 .product-cycle .product-cycle-cont02 .slide-txt {top:44vw;} .feature.section6 .product-cycle .product-cycle-cont05 .slide-txt:last-child {top:80vw;left:auto} .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:auto;bottom:5.2vw;left:34.2vw;} .ios .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:auto;bottom:5.8vw;left:35.5vw;} .ie .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:auto;bottom:5.2vw;left:33.8vw;} .android .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:auto;bottom:6.5vw;left:36.4vw;} .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc img {width:41.66vw} .feature.section6 .product-cycle .product-cycle-cont05 .prd.prd-after, .feature.section6 .product-cycle .product-cycle-cont05 .prd.prd-before {position:static;} /* 패밀리 허브 */ .feature.section7 {height:212.4vw;margin-top:-1px} .feature.section7 .responsive-image{width:100%} .feature.section7 .txt-wrap {top:20.22vw;text-align:center} .feature.section7 .txt-wrap .feature-tit {font-size:11.111vw;margin-bottom:12.5vw;} .feature.section7 .txt-wrap .feature-tit-desc {font-size:6.25vw;line-height:8.3vw} .feature.section7 .txt-wrap .feature-subtit, .feature.section7 .txt-wrap .feature-desc {display:none} .feature.section7 .detail-view-btn {bottom:auto;top:77vw;left:50%;width:44vw;height:10vw;line-height:10vw;font-size:3.33vw;transform:translateX(-50%)} /* 특장점 */ .feature.section8 {height:155.55vw} .feature.section8 .advantage .swiper-slide img {width:100%} .feature.section8 .advantage .arrow-btn {width:11.11vw;height:11.11vw;background-repeat:no-repeat;background-size:100%} .feature.section8 .advantage .swiper-button-prev {left:1.5vw} .feature.section8 .advantage .swiper-button-next {right:1.5vw} .feature.section8 .advantage .txt-wrap {right:auto;left:50%;top:8vw;width:39.72vw;padding:4.861vw 0;transform:translateX(-50%)} .feature.section8 .advantage .txt-wrap .feature-tit {font-size:6.25vw;line-height:7.36vw;margin:0;} .feature.section8 .advantage .txt-wrap .feature-subtit {width:27.5vw;border-top:3px solid #444} .feature.section8 .advantage .txt-wrap .feature-subtit img {width:22.22vw} .feature.section8 .advantage .advantage-cont02 > img, .feature.section8 .advantage .advantage-cont03 > img, .feature.section8 .advantage .advantage-cont04 > img {display:none} .feature.section8 .advantage .advantage-desc-box {top:20vw;right:auto;padding:0 10vw;background:transparent} .feature.section8 .advantage .advantage-desc-box .feature-tit {position:absolute;top:0;font-size:6.94vw;line-height:8vw} .feature.section8 .advantage .advantage-desc-box .feature-subtit{font-size:17px;line-height:24px} .feature.section8 .advantage .advantage-desc-box .desc-box {position:absolute;top:23vw;font-size:4.72vw} .feature.section8 .advantage .advantage-desc-box .feature-desc {font-size:12px;line-height:18px} .feature.section8 .advantage .advantage-desc-box .cont-img {position:absolute;top:45vw;margin-top:60px;text-align:center;} .feature.section8 .advantage .advantage-desc-box .cont-img img{width:72.5vw} .feature.section8 .advantage .feature-warning-desc {right:auto;left:10vw;bottom:22.22vw} .feature.section8 .advantage .swiper-pagination {top:auto;bottom:5vw;left:50%;transform:translateX(-50%)} .feature.section8 .advantage .advantage-cont03 .advantage-desc-box .cont-img {margin-top:70px} /*.life-style-web-detail*/ .life-style-web-detail-wrap{width:100%;height:91.66vw;} .life-style-web-detail-wrap .detail-prev{width:19.4vw;height:9.72vw;left:0;margin-top:-4.861vw;z-index:3;background-size:9.72vw;} .life-style-web-detail-wrap .detail-next{width:19.4vw;height:9.72vw;right:0;margin-top:-4.861vw;z-index:3;background-size:9.72vw;} .life-style-web-detail-wrap .close-box {width:100%;height:91.66vw;} .life-style-web-detail-wrap .layer-close{width:9.72vw;height:9.72vw;background-size:100%} .life-style-web-detail{width:100%;height:100%;} .life-style-web-detail .swiper-wrapper{width:100%} .life-style-web-detail .swiper-wrapper .swiper-slide img{width:100%} } /* @media (max-width: 620px) { .ie .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:142vw} } @media (max-width: 550px) { .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:141.5vw} .ie .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:140vw} } @media (max-width: 500px) { .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:141vw} } @media (max-width: 450px) { .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:140.5vw} } @media (max-width: 400px) { .feature.section6 .product-cycle .product-cycle-cont05 .prd-lighting-sqc {top:139.5vw} } */ @media (max-width: 320px) { }