body{margin:0;padding:0;border:0;} #MAIN_KEYVISUAL{height: calc(100vh - 88px);min-height: 768px;} #MAIN_KEYVISUAL .sec_inner{position: relative} #MAIN_KEYVISUAL .main_keyvisual{height: calc(100% - 112px);margin: 0;min-height:656px } #MAIN_KEYVISUAL .main_keyvisual .sec_inner{height: 100%;min-height:656px;overflow: hidden;width: 100%;margin: 0 auto;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item {position:absolute; top:0; left:0; width:100%; height:100%;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box {position:absolute; top:0; left:0; width:100%; height:100%; overflow: hidden; background-color:rgba(0,0,0,0.1);} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .box_img {position:absolute; top:0; left:0; width:100%; height:100%;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .box_img .bg_box_inner {position:absolute; top:0; left:0; width:100%; height:100%;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .box_img .video_area {} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .box_img .video_area:before {content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.1);z-index: 1} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .box_img .video_area video{ position: absolute;top: 50%;left: 50%;width: auto;height: auto;max-height: none;max-width: none;min-height: 100%;min-width: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } /* item set */ #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item {visibility: hidden; opacity:0;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box {width:0; transition:width 1s 0.3s cubic-bezier(.39,0,.12,.99);} /*#MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_box_inner {transform:scale(1);}*/ /*#MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_box_inner {*/ /*-webkit-animation: img-motion2 1s;*/ /*-o-animation: img-motion2 1s;*/ /*animation: img-motion2 1s;*/ /*animation-delay : 5s*/ /*}*/ #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .box_img {transform:scale(1.2); transition:transform 1.5s; transform-origin:100% 50%;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .box_img .bg_box_inner{transform-origin:50% 50%;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .rectangle_box {transition:transform 4s 0.3s cubic-bezier(.3,0,.07,.99);} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .rectangle_box .rectangle {width:0; transition:width 0.5s, background-color 1s 0.5s;} /* item on */ #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.on {visibility:visible; opacity:1;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.on .bg_box {width:100%; } /*#MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.on .bg_box .bg_box_inner {transform:scale(1.05);transition-delay: 1.5s}*/ /*#MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.on .bg_box .bg_box_inner {*/ /*-webkit-animation: img-motion 10s cubic-bezier(.39,0,.12,.99);*/ /*-o-animation: img-motion 10s cubic-bezier(.39,0,.12,.99);*/ /*animation: img-motion 10s cubic-bezier(.39,0,.12,.99);*/ /*animation-delay : 1s*/ /*}*/ #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.on .bg_box .box_img {transform:scale(1);} #WRAP.none_ie #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.on .bg_box .box_img .bg_box_inner{transform:scale(1.1); transition:transform 20s; transition-delay: 1s} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.on .rectangle_box .rectangle {width:100%;} /* item off */ #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.off .bg_box {width:0; right:0; left:auto; transition:width 1s cubic-bezier(.95,.01,.65,.99);} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.off .bg_box .box_img {right:0; left:auto; transform:scale(1.1); transform-origin: 0% 50%;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item.off .rectangle_box .rectangle {width:0; right:0; left:auto;} @keyframes img-motion { 0%{transform:scale(1);} 100%{transform:scale(1.05);} } @keyframes img-motion2 { 0%{transform:scale(1.05);} 100%{transform:scale(1);} } /* cursor */ /*#MAIN_KEYVISUAL .main_keyvisual .sec_inner .mouse_over a {display: block; position:absolute; top:0; left:0; width:50%; height:100%} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .mouse_over a.mouse_over_r {left:50%;}*/ /* carousel */ #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel {position:absolute; bottom:25px; left:30px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .carousel_inner{display: inline-block;vertical-align: top} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .carousel_inner a {position:relative; display: inline-block; width:80px; height:4px; background-color:rgba(255,255,255,0.55); margin-right:6px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .carousel_inner a.on:after {width:100%; transition:width 6s linear;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .carousel_inner a:before {content:""; position:absolute; top:-25px; left:0; width:100%; height:50px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .carousel_inner a:after {content:""; display:block; width:0; height:100%; background-color:#fff;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel.paused .carousel_inner a.on:after {width:100%; transition:width 0.3s;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .btn_playStop{position: relative;display: inline-block;width: 24px;height: 24px;top: -1px;left: 6px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .btn_playStop:before {content: "";position: relative;width: 100%;height: 100%;display: block;background: url("https://www.doosan.com/images/main/ico_kv_pause.png") no-repeat 0 0 / contain;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .btn_playStop:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;background: url("https://www.doosan.com/images/main/ico_kv_play.png") no-repeat 0 0 / contain;opacity: 0;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .btn_playStop.on:before {opacity: 0;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .btn_playStop.on:after {opacity: 1;} /* main quick menu */ #MAIN_KEYVISUAL .main_quick{margin: 0 auto;max-width: 1920px;padding: 0 96px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #MAIN_KEYVISUAL .main_quick ul {font-size: 0;} #MAIN_KEYVISUAL .main_quick ul li {width:25%;height:112px;display: inline-block; vertical-align: middle;} #MAIN_KEYVISUAL .main_quick ul li a{display: block;width: 100%;height: 112px;line-height: 112px;text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #MAIN_KEYVISUAL .main_quick ul li .ico_img{display: inline-block;vertical-align: middle;position: relative;margin-right: 25px;} #MAIN_KEYVISUAL .main_quick ul li .ico_img img{display: inline-block;vertical-align: middle;width: 64px; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -o-transition: opacity 0.1s; transition: opacity 0.1s; } #MAIN_KEYVISUAL .main_quick ul li .ico_img img.on{position: absolute;top: 50%;left: 0;transform:translateY(-50%);opacity: 0} #MAIN_KEYVISUAL .main_quick ul li .ico_img img.mob{display: none} #MAIN_KEYVISUAL .main_quick ul li .txt { display: inline-block; position:relative;vertical-align: middle} #MAIN_KEYVISUAL .main_quick ul li .txt.link_out:after {content:''; position:absolute;right:-20px;top:50%;background:url(../../images/common/ico_outlink_quick.png) no-repeat center center / contain;width:12px;height:12px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} #MAIN_KEYVISUAL .main_quick ul li .txt .title { font-size: 24px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } #MAIN_KEYVISUAL .main_quick ul li a:hover .ico_img img.off{opacity: 0} #MAIN_KEYVISUAL .main_quick ul li a:hover .ico_img img.on{opacity: 1} #MAIN_KEYVISUAL .main_quick ul li a:hover .txt .title{color: #0e2ac9} #MAIN_KEYVISUAL .main_quick ul li a:hover .txt.link_out:after {background-image:url(../../images/common/ico_outlink_quick_hov.png);} /* set inmotion quick menu */ #MAIN_KEYVISUAL .main_quick{transform:translate(0,112px); opacity:0;} #MAIN_KEYVISUAL .main_quick.start_in{transform:translate(0,0); opacity:1; transition:transform 1s, opacity 1s; transition-delay:0.65s;} #MAIN_KEYVISUAL .main_bg .gallery_item {width:0; transition:width 0.8s;} #MAIN_KEYVISUAL .main_bg .gallery_item.on {width:100%;} /* ================================== Laptop css ================================== */ @media all and (max-width: 1280px) { #MAIN_KEYVISUAL .main_keyvisual{margin: 0;height: calc(100% - 96px);min-height: 672px} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel{left: 56px} #MAIN_KEYVISUAL .main_quick{margin: 0 32px;padding: 0 60px} #MAIN_KEYVISUAL .main_quick ul li{height: 96px;} #MAIN_KEYVISUAL .main_quick ul li a{height: 96px;line-height: 96px;} #MAIN_KEYVISUAL .main_quick ul li .ico_img{margin-right: 5%} } /* ================================== Tablet css ================================== */ @media all and (max-width: 1080px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .box_img .video_area video{ position: absolute;top:0;left: 0;width: 100%;height: 100%;max-height: none;max-width: none;min-height:auto;min-width:auto; transform: none; object-fit: cover; } #MAIN_KEYVISUAL{min-height: 564px} #MAIN_KEYVISUAL .main_keyvisual{margin: 0;height: calc(100% - 80px);min-height: 484px} #MAIN_KEYVISUAL .main_keyvisual .sec_inner{min-height: 100%} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel{left: 35px;bottom:22px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .carousel_inner a{width: 64px;height: 3px;margin-right: 7px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel .btn_playStop{top: -2px;left: 2px} #MAIN_KEYVISUAL .main_quick{margin: 0 16px;padding: 0 34px;} #MAIN_KEYVISUAL .main_quick ul li{height: 80px;} #MAIN_KEYVISUAL .main_quick ul li a{height: 80px;line-height: 80px;} #MAIN_KEYVISUAL .main_quick ul li img{} #MAIN_KEYVISUAL .main_quick ul li .txt .title{font-size: 16px} #MAIN_KEYVISUAL .main_quick ul li .ico_img img{width: 44px;height: 44px;} #MAIN_KEYVISUAL .main_quick ul li .ico_img img.on{display: none !important;} #MAIN_KEYVISUAL .main_quick ul li a:hover .ico_img img.off{opacity: 1} #MAIN_KEYVISUAL .main_quick ul li a:hover .ico_img img.on{opacity: 0} #MAIN_KEYVISUAL .main_quick ul li a:hover .txt .title{color: #000} } /* ================================== Mobile css ================================== */ @media all and (max-width: 766px) { #MAIN_KEYVISUAL {position: relative;height: calc(100vh - 64px);min-height: 400px} #MAIN_KEYVISUAL .main_keyvisual{height: calc(100% - 26px);min-height: 380px} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .main_carousel{left: 0;width: 100%;text-align: center} #MAIN_KEYVISUAL .main_quick{position: absolute;bottom: 100px;left:0;right:0;padding: 0 20px;} #MAIN_KEYVISUAL .main_quick .sec_inner{width: 100%;height: 100%;background: rgba(255,255,255,.85);border-radius: 5px;max-width: 304px;margin: 0 auto} #MAIN_KEYVISUAL .main_quick ul li{width: 33.33%;height: 72px} #MAIN_KEYVISUAL .main_quick ul li:nth-child(2){display: none} #MAIN_KEYVISUAL .main_quick ul li a{height: 72px;line-height: 1;text-align: center;padding-top: 5px} #MAIN_KEYVISUAL .main_quick ul li .ico_img{display: block;text-align: center;margin-right: 0} #MAIN_KEYVISUAL .main_quick ul li .ico_img img{width: 40px;height: 40px} #MAIN_KEYVISUAL .main_quick ul li .ico_img img.off{display: none} #MAIN_KEYVISUAL .main_quick ul li .ico_img img.on{display: none} #MAIN_KEYVISUAL .main_quick ul li .ico_img img.mob{display: inline-block} #MAIN_KEYVISUAL .main_quick ul li .txt{display: block;text-align: center;padding-top: 5px} #MAIN_KEYVISUAL .main_quick ul li .txt .title{font-size: 12px;} } /*@media all and (min-height: 0px) and (max-height: 700px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center 0;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center 0;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center 0;} } @media all and (min-height: 701px) and (max-height: 900px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center 0;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center 0;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center 0;} } @media all and (min-height: 901px) and (max-height: 1000px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -240px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -240px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -240px;} } @media all and (min-height: 1001px) and (max-height: 1400px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -100px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -70px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -70px;} } @media all and (min-height: 1401px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center 200px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center 200px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center 200px;} } @media all and (min-width: 2221px) and (max-width: 4000px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -440px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -440px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -440px;} } @media all and (min-width: 1951px) and (max-width: 2220px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -240px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -240px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -240px;} } @media all and (min-width: 1821px) and (max-width: 1900px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -140px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -140px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -140px;} } @media all and (min-width: 1610px) and (max-width: 1820px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -40px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -40px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -40px;} }*/ @media all and (max-width: 1370px) and (max-height: 950px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center 0px;} } @media all and (min-width: 1371px) and (max-width: 1550px) and (max-height: 950px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -100px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -100px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -100px;} } @media all and (min-width: 1551px) and (max-width: 1700px) and (max-height: 950px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -150px;} } @media all and (min-width: 1701px) and (max-width: 1800px) and (max-height: 950px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -250px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -250px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -250px;} } @media all and (min-width: 1801px) and (max-width: 2000px) and (max-height: 950px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -350px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -350px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -350px;} } @media all and (min-width: 2001px) and (max-height: 950px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -550px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -550px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -550px;} } @media all and (max-width: 1370px) and (min-height: 951px) and (max-height:1100px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center 0px;} } @media all and (min-width: 1371px) and (max-width: 1550px) and (min-height: 951px) and (max-height: 1100px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -100px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -100px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -100px;} } @media all and (min-width: 1551px) and (max-width: 1700px) and (min-height: 951px) and (max-height: 1100px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -150px;} } @media all and (min-width: 1701px) and (max-width: 1800px) and (min-height: 951px) and (max-height: 1100px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -150px;} } @media all and (min-width: 1801px) and (max-width: 2000px) and (min-height: 951px) and (max-height: 1100px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -150px;} } @media all and (min-width: 2001px) and (max-width: 2200px) and (min-height: 951px) and (max-height: 1100px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -150px;} } @media all and (min-width: 2201px) and (max-width: 12200px) and (min-height: 951px) and (max-height: 1100px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -150px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -150px;} } @media all and (max-width: 1370px) and (min-height: 1101px) and (max-height:1300px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center 0px;} } @media all and (min-width: 1371px) and (max-width: 1550px) and (min-height: 1101px) and (max-height: 1300px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center 0px;} } @media all and (min-width: 1551px) and (max-width: 1700px) and (min-height: 1101px) and (max-height: 1300px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center 0px;} } @media all and (min-width: 1701px) and (max-width: 1800px) and (min-height: 1101px) and (max-height: 1300px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center 0px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center 0px;} } @media all and (min-width: 1801px) and (max-width: 2000px) and (min-height: 1101px) and (max-height: 1300px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -100px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -100px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -100px;} } @media all and (min-width: 2001px) and (max-width: 2200px) and (min-height: 1101px) and (max-height: 1300px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -200px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -200px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -200px;} } @media all and (min-width: 2201px) and (max-width: 12200px) and (min-height: 1101px) and (max-height: 1300px) { #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_01{background: url(/img/promotion/a7/a7_visual_01.jpg) no-repeat;background-size:cover;background-position:center -400px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_02{background: url(/img/promotion/a7/a7_visual_02.jpg) no-repeat;background-size:cover;background-position:center -400px;} #MAIN_KEYVISUAL .main_keyvisual .sec_inner .gallery_item .bg_box .bg_a7_03{background: url(/img/promotion/a7/a7_visual_03.jpg) no-repeat;background-size:cover;background-position:center -400px;} } /* mousebox ************************************************************************/ .mousebox{overflow:hidden; cursor: url(/img/sp_ico_zoom_active.png) 6 6, auto;} /*.mousebox figure#mouse-pointer{display:block;position:absolute;z-index:200;width:70px;height:70px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} .mousebox figure#mouse-pointer.on{-webkit-transform:scale(0.8) translate(-60%, -60%);transform:scale(0.8) translate(-60%, -60%);transform-origin:center center;-webkit-transform-origin:center center;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .mousebox.more figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_more.png) 0 0 no-repeat} .mousebox.image figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_more.png) 0 0 no-repeat} .mousebox.movie figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_play.png) 0 0 no-repeat} .mousebox.left figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_left.png) 0 0 no-repeat} .mousebox.right figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_right.png) 0 0 no-repeat} .mousebox.close figure#mouse-pointer{background:#fff url(https://www.etiqa.co.kr/img/common/btn_close_bk.png) 0 0 no-repeat;border-radius:100%} .more .mousebox figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_more.png) 0 0 no-repeat} .image .mousebox figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_more.png) 0 0 no-repeat} .movie .mousebox figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_play.png) 0 0 no-repeat} .left .mousebox figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_left.png) 0 0 no-repeat} .right .mousebox figure#mouse-pointer{background:url(https://www.etiqa.co.kr/img/common/ico_pointer_right.png) 0 0 no-repeat}*/ /* ly_pop ************************************************************************/ .ly_pop{display:none;position:fixed;left:0;top:0;z-index:9000;width:100%;height:100%} .ly_pop:after{content:'';display:block;position:fixed;left:0;top:0;right:0;bottom:0;z-index:9000;background:rgba(0,0,0,0.9)} .ly_pop .btn_close{display:block;overflow:hidden;position:fixed;left:50%;z-index:9200;min-width:70px;border-radius:35px;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .ly_pop .btn_close:active{-webkit-transform:scale(0.8) translateX(-60%);transform:scale(0.8) translateX(-60%);transform-origin:center center;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .ly_pop .btn_close span{display:block;position:absolute;left:0;top:0;z-index:10;width:70px;height:70px;border-radius:35px;background:#FFF url(https://www.etiqa.co.kr/img/common/btn_close_bk.png) 0 0 no-repeat;text-indent:-9999px;vertical-align:top} .ly_pop .btn_close:after{content:'';display:inline-block;position:relative;height:70px;border-radius:35px;background:#FFF;color:#000;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:70px;vertical-align:top;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .ly_pop .btn_close:hover:after{content:'CLOSE';padding:0 27px 0 70px} /* pop_viewer ************************************************************************/ .pop_viewer .btn_close{bottom:40px} .pop_viewer .pop_cont{position:relative;z-index:9100;width:100%;height:100%} .pop_viewer .pop_cont img{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:auto} .pop_viewer .pop_cont video{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)} /* pop_store ************************************************************************/ .pop_store .btn_close{bottom:40px} .pop_store .pop_cont{overflow:auto;position:relative;z-index:9100;height:100%} .pop_store .pop_cont .cont_bx{width:980px;margin:100px auto} .pop_store .pop_cont .cont_bx p.tit{color:#FFF;font-family:Circular,'Circular';font-size:80px;font-weight:700} .pop_store .pop_cont .cont_bx p.sub{color:#FFF;font-size:14px;font-weight:300;line-height:26px} .pop_store .pop_cont .cont_bx .store_lst{overflow:hidden;margin-top:200px} .pop_store .pop_cont .cont_bx .store_lst>li{float:left;width:50%} .pop_store .pop_cont .cont_bx .store_lst>li:nth-child(2n-1){margin-top:100px;padding-right:25px} .pop_store .pop_cont .cont_bx .store_lst>li:nth-child(2n){padding-left:25px} .pop_store .pop_cont .cont_bx .store_lst>li .tt{color:#FFF;font-family:Circular,'Circular';font-size:20px;font-weight:700} .pop_store .pop_cont .cont_bx .store_lst>li ul{margin-top:50px} .pop_store .pop_cont .cont_bx .store_lst>li ul li{margin-bottom:30px} .pop_store .pop_cont .cont_bx .store_lst>li .logo a{display:block;position:relative} .pop_store .pop_cont .cont_bx .store_lst>li .logo a:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2)} .pop_store .pop_cont .cont_bx .store_lst>li .store{margin-top:20px;color:#FFF;font-size:14px;font-weight:300;line-height:26px} .pop_store .pop_cont .cont_bx .store_lst>li .store a{color:#FFF} /* pop_noti ************************************************************************/ .ly_pop.pop_noti:after{background:rgba(0,0,0,0.85)} .ly_pop.pop_noti .btn_close{position:absolute;left:auto;right:0;top:0;width:60px;min-width:auto;height:100%;border-radius:0;-webkit-transform:translateX(0);transform:translateX(0)} .ly_pop.pop_noti .btn_close span{display:block;position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:url(/img/sp_ico.svg) -237px -130px no-repeat;text-indent:-9999px;vertical-align:top} .ly_pop.pop_noti .btn_close:after{content:normal} .pop_noti .pop_cont{overflow:auto;position:relative;z-index:9100;height:100%} .pop_noti .pop_cont .cont_bx{display:block;position:absolute;left:50%;bottom:60px;width:500px;margin-left:-250px;padding:20px;border-radius:2px;background:#FFF} .pop_noti .pop_cont dl{overflow:hidden;margin-right:80px} .pop_noti .pop_cont dl dt{overflow:hidden;float:left;margin-right:30px;color:#000;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:20px} .pop_noti .pop_cont dl dd{overflow:hidden;color:#000;font-size:12px;font-weight:300;line-height:20px} /* pop_colormask ************************************************************************/ .ly_pop.colormask:after{background:rgba(0,0,0,1)} .ly_pop.colormask .btn_close{bottom:40px} .swiper-container3{position:relative;margin-top:calc(50vh - 250px);z-index:9100} .swiper-container3 .swiper-slide{position:relative;width:980px;height:500px} .swiper-container3 .swiper-slide span{position:absolute;left:633px;bottom:30px;padding-top:3px;font-size:20px;font-weight:700;color:#fff;font-family:Circular,'Circular'} .swiper-container3 .swiper-slide span:before{content:'';display:inline-block;width:26px;height:26px;margin:-3px 10px 0 0;border:2px solid #fff;border-radius:100%;vertical-align:top} .swiper-container3 .swiper-slide:nth-child(1) span:before{background:#DCDCDC} .swiper-container3 .swiper-slide:nth-child(2) span:before{background:#AD916B} .swiper-container3 .swiper-slide:nth-child(3) span:before{background:#7D7E7F} .swiper-container3 .swiper-slide:nth-child(4) span:before{background:#C9BA9E} .swiper-container3 .swiper-slide:nth-child(5) span:before{background:#471A26} .swiper-container3 .swiper-slide:nth-child(6) span:before{background:#22453F} .swiper-container3 .swiper-slide:nth-child(7) span:before{background:#1D2944} .swiper-container3 .swiper-slide:nth-child(8) span:before{background:#202122} /* ad popup */ .ad_pop{display:none;position:fixed;left:0;top:0;z-index:9000;width:100%;height:100%} .ad_pop:after{content:'';display:block;position:fixed;left:0;top:0;right:0;bottom:0;z-index:80;background:rgba(0,0,0,0.9)} .swiper-container4{position:relative;z-index:90} .swiper-container4 .swiper-slide{position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out; cursor: url(/img/sp_ico_close.png) 6 6, auto;} .swiper-container4 .swiper-slide iframe{width:100vw;height:100vh} .swiper-container4 .swiper-slide:first-child:after{content:'';overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;z-index:99} .swiper-pagination4{left:50%;bottom:35px;z-index:90;width:680px;height:1px;margin-left:-340px;font-size:0;line-height:0;text-align:center} .swiper-pagination4.swiper-pagination-progressbar{background:rgba(255,255,255,.2)} .swiper-pagination4.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#FFF} .swiper-button-prev4{display:block;position:absolute;left:0;top:0;width:200px;height:100%;z-index:100;-webkit-outline:none;outline:none} .swiper-button-next4{display:block;position:absolute;right:0;top:0;width:200px;height:100%;z-index:100;-webkit-outline:none;outline:none} .swiper-button-prev4:hover{cursor: url(/img/sp_ico_arrow1_left.png) 6 6, pointer;} .swiper-button-next4:hover{cursor: url(/img/sp_ico_arrow1_right.png) 6 6, pointer;} .swiper-button-disabled{opacity:.4} .main .contents{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:easeOutExpo;transition-timing-function:easeOutExpo} .main .section{overflow:hidden;position:relative;height:calc(100vh - 120px);min-height:600px;border-bottom:10px solid #000} .main .section:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:30} .main .section .cont{position:absolute;left:50%;bottom:192px;z-index:50;margin-left:-490px} .main .section .cont .btn_more{display:block;position:relative;color:#FFF;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:30px} .main .section .cont .btn_more .tit{overflow:hidden;margin-bottom:17px;padding-top:10px;color:#FFF;font-family:Circular,'Circular';font-size:120px;font-weight:700;line-height:112px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .main .section .cont .btn_more span{display:block;margin:0 0 0 10px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .main .section .cont .btn_more span:after{content:'';display:inline-block;width:14px;height:14px;margin:7px 0 0 9px;background:url(https://www.etiqa.co.kr//common/ico_more_wh2.png) 0 0 no-repeat;background-size:14px 14px;vertical-align:top;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .main .section .cont .btn_more:hover .tit{color:rgba(255,255,255,.6)} .main .section .cont .btn_more:hover span{color:rgba(255,255,255,.6)} .main .section .cont .btn_more:hover span:after{margin:7px 0 0 19px} .main .section .product_img{position:absolute;left:0;top:0;right:0;bottom:-100px;z-index:10;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:easeOutExpo;transition-timing-function:easeOutExpo} .main .section .bg{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0} .main .section .bg span{position:absolute;left:0;right:0;z-index:10;height:20%;background:rgba(255,255,255,0.04)} .main .section .bg span:nth-child(1){top:0} .main .section .bg span:nth-child(2){top:40%} .main .section .bg span:nth-child(3){top:80%} .main .section.sc1{background:#9DADC6} .main .section.sc1:before{background:rgba(94,104,152,0.15)} .main .section.sc1 .product_img{background:url(https://www.etiqa.co.kr//main/bg_sc1.png) 50% -100px no-repeat;background-size:auto 100%} .main .section.sc2{background:#CA9696} .main .section.sc2:before{background:rgba(186,112,145,0.15)} .main .section.sc2 .product_img{background:url(https://www.etiqa.co.kr//main/bg_sc2.png) 50% -100px no-repeat;background-size:auto 100%} .main .section.sc3{background:#638BA8} .main .section.sc3:before{background:rgba(0,0,0,0.15)} .main .section.sc3 .mvbox{overflow:hidden;position:absolute;left:0;top:-100px;right:0;bottom:-100px;width:100%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:easeOutExpo;transition-timing-function:easeOutExpo} .main .section.sc3 .mvbox:before{content:'';position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.10)} .main .section.sc3 .mvbox video{min-width:100%;min-height:100%;width:auto;height:auto} .main .section.sc4{background:#1E1E1E} .main .section.sc4:before{content:normal} .main .section.sc4 .bg{bottom:-100px;background:#1E1E1E url(https://www.etiqa.co.kr//main/bg_sc4.png) 50% -100px no-repeat;background-size:cover;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:easeOutExpo;transition-timing-function:easeOutExpo} .main .section.sc4 .place{position:absolute;left:0;top:0;right:0;bottom:0} .main .section.sc4 .place span{position:absolute;left:50%;top:50%;overflow:hidden;display:block;width:140px;height:140px} .main .section.sc4 .place span:nth-child(1){margin:-299px 0 0 65px} .main .section.sc4 .place span:nth-child(2){margin:-118px 0 0 149px} .main .section.sc4 .place span:nth-child(2):before{animation-delay:3s} .main .section.sc4 .place span:nth-child(3){margin:-10px 0 0 308px} .main .section.sc4 .place span:nth-child(3):before{animation-delay:2s} .main .section.sc4 .place span:nth-child(4){margin:-238px 0 0 400px} .main .section.sc4 .place span:nth-child(4):before{animation-delay:1s} .main .section.sc4 .place span:after{content:'';position:absolute;left:50%;top:50%;overflow:hidden;display:block;width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;border-radius:100%;z-index:10} .main .section.sc4 .place span:before{content:'';position:absolute;left:50%;top:50%;overflow:hidden;display:block;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:100%;animation:cycl 4.5s ease-in-out infinite normal;background:#fff;transform-origin:center center;-webkit-transform-origin:center center} .main .section.sc5{background:#E5E5E5} .main .section.sc5:before{background:rgba(94,104,152,0.2)} .main .section.sc5 .product_img{background:url(https://www.etiqa.co.kr//main/bg_sc5.png) 50% -100px no-repeat;background-size:auto 100%} .main .section.sc5 .bg span{background:rgba(255,255,255,0.15)} @keyframes cycl{ 0%{opacity:.1} 100%{-webkit-transform:scale(17.5);transform:scale(17.5);opacity:0} } .main .nextbox{position:fixed;left:0;bottom:0;right:0;display:block;overflow:hidden;height:120px;z-index:100} .main.hover .contents{margin-top:-50px} .main.hover .section.sc1 .product_img{background-position:50% -50px} .main.hover .section.sc2 .product_img{background-position:50% -50px} .main.hover .section.sc5 .product_img{background-position:50% -50px} .main.hover .section.sc3 .mvbox{top:-50px;bottom:-150px} .main.hover .section.sc4 .bg{background-position:50% -50px} .main.hover .nextbox{height:170px} .main .section.sc6 .product_img{background:url(https://www.etiqa.co.kr//main/bg_sc6.png) center top no-repeat;background-size:cover}/* 190910 제품 라인업 추가 */ /* products.common ************************************************************************/ .products .cover{overflow:visible;position:relative} /* .products .cover:after{content:'';position:absolute;left:50%;bottom:-30px;z-index:40;width:90px;height:87px;margin-left:-45px;background:url(https://www.etiqa.co.kr/img/common/img_scroll_wh.png) no-repeat;vertical-align:top} */ .products .cover .bg{position:fixed;left:0;top:0;right:0;height:100%} .products .cover .bg2{position:fixed;left:0;top:0;right:0;height:100%;z-index:-10} .products .cover .cover_info{position:absolute;left:50%;bottom:200px;z-index:10;width:980px;margin-left:-490px} .products .cover .cover_info h2.tit{margin-left:-9px;font-family:Circular,'Circular';font-size:120px;font-weight:700;line-height:112px} .products .cover .cover_info .sub{margin-top:25px;font-family:Circular,'Circular';font-size:12px;font-weight:700} .products .ad{overflow:hidden;position:relative;} .products .ad .controller{position:relative;width:980px;height:70px;margin:10px auto 29px} .products .ad .swiper-pagination{left:50%;bottom:auto;top:35px;z-index:30;width:680px;height:1px;margin-left:-600px;font-size:0;line-height:0;text-align:center} .products .ad .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#FFF} .products .ad .swiper-pagination-progressbar{background:rgba(255,255,255,.2)} .products .ad .swiper-num{overflow:hidden;position:absolute;left:0;top:0;z-index:50;width:150px;height:70px;color:#FFF;font-family:Circular,'Circular';font-size:20px;font-weight:700;line-height:70px} .products .ad .swiper-num em{display:inline-block;height:100%;vertical-align:top} .products .ad .swiper-button{overflow:hidden;position:absolute;top:0;right:-136px;height:70px} .products .ad .swiper-button-prev, .products .ad .swiper-button-next{display:inline-block;position:relative;left:auto;top:auto;z-index:9999999;width:48px;height:50px;margin:10px 9px;background:url(/img/sp_ico.svg) no-repeat;background-size:500px auto;-webkit-outline:none;outline:none;vertical-align:top} .products .ad .swiper-button-prev, .products .ad .swiper-button-next{opacity:1} .products .ad .swiper-button-prev:hover, .products .ad .swiper-button-next:hover{opacity:1} .products .ad .swiper-button-prev:active, .products .ad .swiper-button-next:active{-webkit-transform:scale(0.8);transform:scale(0.8);transform-origin:center center;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .products .ad .swiper-button-prev.swiper-button-disabled, .products .ad .swiper-button-next.swiper-button-disabled{opacity:0.4} .products .ad .swiper-button-prev{background-position:-10px -175px;background-size:500px auto} .products .ad .swiper-button-next{right:0;background-position:-91px -175px;background-size:500px auto} .products .ad .swiper-button-prev:hover{background-position:-11px -255px;background-size:500px auto} .products .ad .swiper-button-next:hover{background-position:-92px -255px;background-size:500px auto} .products .ad .swiper-button-prev:active{background-position:-11px -255px;background-size:500px auto} .products .ad .swiper-button-next:active{background-position:-92px -255px;background-size:500px auto} .products .ad .swiper-button-prev.button2{display:inline-block;position:absolute;left:0;top:0;z-index:9999999;width:50%;height:100%;margin-left:-600px;background:none}/*left:70px;top:40%;background-position: -12px -255px;*/ .products .ad .swiper-button-next.button2{display:inline-block;position:absolute;right:0;top:0;z-index:9999999;width:50%;height:100%;margin-right:-600px;background:none}/*right:70px;top:40%;background-position:-95px -255px;*/ .products .ad .swiper-button-prev.button2:hover, .products .ad .swiper-button-next.button2:hover{opacity:1;} .products .ad .swiper-button-prev.button2:hover{cursor: url(/img/sp_ico_arrow1_left.png) 6 6, pointer;} .products .ad .swiper-button-next.button2:hover{cursor: url(/img/sp_ico_arrow1_right.png) 6 6, pointer;} .products .ad .swiper-button-prev.button2:active, .products .ad .swiper-button-next.button2:active{-webkit-transform:scale(1);transform:scale(1);transform-origin:center center} .products .ad .swiper-container{overflow:visible} .products .ad .swiper-slide{width:1200px} .products .ad .swiper-slide .slider{position:relative} .products .ad .swiper-slide a{display:block;position:relative} .products .ad .swiper-slide .tit_bx{position:relative;z-index:20;width:1200px;margin-bottom:50px;text-align:center} .products .ad .swiper-slide .tit_bx h3.tit{font-family:Circular,'Circular';font-size:40px;font-weight:700;line-height:51px} .products .ad .swiper-slide .tit_bx .sub{margin-top:10px;font-family:Circular,'Circular';font-size:12px;font-weight:700} .products .ad .swiper-slide .img_bx{overflow:hidden;position:relative;width:1200px;} .products .ad .swiper-slide .img_bx:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;background:rgba(94,104,152,0.15)} /*.products .ad .swiper-slide .image .img_bx:after{content:'';position:absolute;left:50%;top:50%;overflow:hidden;display:block;width:70px;height:70px;margin:-35px 0 0 -35px;background:url(https://www.etiqa.co.kr/img/common/ico_pointer_more.png) 0 0 no-repeat}*/ .products .ad .swiper-slide .img_bx img{position:relative;} .products .prd{overflow:hidden;position:relative} .products .prd article{position:relative} .products .prd .prd_info{padding-top:100px;text-align:center} .products .prd .prd_info .top_bx{width:980px;margin:0 auto} .products .prd .prd_info .top_bx h2.tit{font-family:Circular,'Circular';font-size:240px;font-weight:700} .products .prd .prd_info .top_bx .sub{font-size:40px;font-weight:300;line-height:56px} .products .prd .prd_info .top_bx .desc{margin-top:30px;font-size:14px;font-weight:300;line-height:26px} .products .prd .prdimg .mask{position:relative;overflow:hidden;width:1000px;height:800px;margin:0 auto;text-align:center} .products .prd .prdimg .mask span{display:none;position:absolute;left:0;top:0;width:100%;height:100%} .products .lookbook{overflow:hidden;position:relative;padding:200px 0 200px;background:#FAFAFA} .products .lookbook .inner{width:980px} .products .lookbook .top_bx h3.tit{color:#000;font-size:60px;font-family:Circular,'Circular';font-weight:700;text-align:center} .products .lookbook .top_bx .desc{margin-top:10px;color:#000;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:15px;text-align:center} .products .lookbook .top_bx .desc img{margin-left:7px} .products .lookbook .top_bx .sub{margin-top:30px;color:#000;font-size:14px;font-weight:300;line-height:26px;text-align:center} .products .lookbook ul{overflow:hidden;margin-top:150px;font-size:0} .products .lookbook ul li{overflow:hidden;display:inline-block;position:relative;margin:0 80px 50px 0;vertical-align:top} .products .lookbook ul li:nth-child(2n-1){margin-top:50px} .products .lookbook ul li:nth-child(2n){margin-right:0} .products .lookbook ul li:last-child{margin:-50px 0 0 0} .products .lookbook ul li a{display:block} .products .lookbook ul li .img_bx{display:block;position:relative} .products .lookbook ul li .img_bx img{-webkit-transition-duration:4.5s;transition-duration:4.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .products .lookbook ul li .img_bx:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);transform-origin:center center} .products .lookbook ul li .txt_bx{margin-top:40px} .products .lookbook ul li .txt_bx p{color:#000;font-family:Circular,'Circular';font-weight:700;font-size:12px;line-height:18px} .products .lookbook ul li .txt_bx p:before{content:'';display:inline-block;float:left;margin-right:10px;vertical-align:top} .products .lookbook ul li .txt_bx .instagram:before{width:64px;height:18px;background:url(https://www.etiqa.co.kr/img/product/common/ico_instagram.png) no-repeat;background-size:64px 18px} .products .store{position:relative;height:585px;background:#181818 url(https://www.etiqa.co.kr/img/main/bg_store.png) no-repeat} .products .store .inner{overflow:hidden;width:980px} .products .store .top_bx{padding:200px 0 0} .products .store .top_bx h3.tit{color:#FFF;font-size:60px;font-family:Circular,'Circular';font-weight:700} .products .store .top_bx .sub{margin-top:22px;color:#FFF;font-size:14px;font-weight:300;line-height:26px} .products .store .top_bx .btn_more{display:inline-block;position:relative;margin-top:25px;color:#FFF;font-size:12px;font-weight:700;line-height:29px} .products .store .top_bx .btn_more span{display:inline-block} .products .store .top_bx .btn_more span:after{content:'';display:inline-block;width:14px;height:14px;margin:6px 0 0 9px;background:url(https://www.etiqa.co.kr//common/ico_more_wh2.png) 0 0 no-repeat;background-size:14px 14px;vertical-align:top;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;ertical-align:top} .products .store .top_bx .btn_more:hover{color:rgba(255,255,255,.6)} .products .store .top_bx .btn_more:hover span:after{margin:6px 0 0 19px} .products .store .prd_obj{position:absolute;left:50%;bottom:-200px;z-index:20;width:501px;height:499px;margin-left:240px;background:url(https://www.etiqa.co.kr/img/product/basic/img_store_prd1.png) no-repeat;background-size:501px auto;text-indent:-9999px;vertical-align:top} .products .info{overflow:hidden;position:relative;background:#FAFAFA} .products .info .inner{border-bottom:5px solid #000} .products .info article{position:relative;padding:200px 0 100px} .products .info article h4.tit{color:#000;font-family:Circular,'Circular';font-weight:700;font-size:20px;line-height:25px} .products .info article .desc{margin-top:50px;color:#000;font-size:12px;font-weight:300;line-height:20px} .products .info article .info{overflow:hidden;width:980px;margin:0 auto} .products .info article .info>li{overflow:hidden;float:left;width:50%;padding-right:30px} .products .info2{overflow:hidden;position:relative;background:#FAFAFA} .products .info2 article{position:relative;padding:100px 0} .products .info2 article h4.tit{color:#000;font-family:Circular,'Circular';font-weight:700;font-size:20px;line-height:25px} .products .info2 article .info3{overflow:hidden;width:980px;margin:0 auto} .products .info2 article .info3 ul{overflow:hidden;margin-top:50px} .products .info2 article .info3>li{overflow:hidden;float:left;width:58%;padding-right:30px;color:#000;font-size:12px;font-weight:300;line-height:20px} .products .info2 article .info3>li:nth-child(2){width:42%;padding-right:0} .products .info2 article ul ul{margin-top:50px} .products .info2 article ul ul li{margin-bottom:20px} .products .info2 article ul ul li:last-child{margin-bottom:0} .products .info2 article ul ul li dt{overflow:hidden;float:left;width:90px;padding-right:10px;color:#000;font-size:12px;font-weight:300;line-height:20px} .products .info2 article ul ul li dd{display:block;overflow:hidden;color:#000;font-size:12px;font-weight:300;line-height:20px} .products .info2 article ol{overflow:hidden;margin-top:50px} .products .info2 article ol li{position:relative;margin-bottom:20px;padding-left:50px;color:#000;font-size:12px;font-weight:300;line-height:20px} .products .info2 article ol li:last-child{margin-bottom:0} .products .info2 article ol li .num{overflow:hidden;position:absolute;left:0;top:0;width:53px} /* product.basic ************************************************************************/ .products.basic #footer {background:#FAFAFA} .products.basic .cover .bg{background:#cfd5df url(https://www.etiqa.co.kr/img/product/basic/img_cover.png) 50% 0 no-repeat} .products.basic .cover .bg2{background:#bdc1cc url(https://www.etiqa.co.kr/img/product/basic/img_cover2.png) 50% 0 no-repeat} .products.basic .cover .cover_info h2.tit{color:#FFF} .products.basic .cover .cover_info .sub{color:#FFF} .products.basic .ad{background:#9DADC6} .products.basic .ad .tit_bx h3.tit{color:#FFF} .products.basic .ad .tit_bx .sub{color:#FFF} .products.basic .prd{background:#9DADC6} .products.basic .prd .prd_info .top_bx h2.tit{color:#FFF} .products.basic .prd .prd_info .top_bx .sub{color:#FFF} .products.basic .prd .prd_info .top_bx .desc{color:#FFF} .products.basic .overview{overflow:hidden;position:relative;padding-bottom:250px;background:#9DADC6} .products.basic .overview .inner{width:980px;padding-top:814px} .products.basic .overview .top_bx h2.tit{position:absolute;left:50%;top:237px;margin-left:-38px;color:#FFF;font-family:Circular,'Circular';font-size:60px;font-weight:700;line-height:76px;writing-mode:tb-rl} .products.basic .overview .top_bx h2.tit:before{content:'';position:absolute;left:50%;top:-120px;width:1px;height:60px;margin-left:-0.5px;background:#FFF} .products.basic .overview .top_bx .sub{position:absolute;left:50%;top:614px;width:980px;padding-left:50px;color:#FFF;font-size:26px;font-weight:300;line-height:50px} .products.basic .overview .top_bx .sub:after{content:'';display:block;position:absolute;left:0;top:0;width:1px;height:1020px;margin-left:-0.5px;background:rgba(255,255,255,0.15)} .products.basic .overview .prd_cert{overflow:hidden} .products.basic .overview .prd_cert .img_bx{overflow:hidden} .products.basic .overview .prd_cert .cert_bx{overflow:hidden;position:relative} .products.basic .overview .prd_cert .cert_bx>li{float:left;width:50%;position:relative} .products.basic .overview .prd_cert .cert_bx>li:nth-child(2n-1){padding-right:50px} .products.basic .overview .prd_cert .cert_bx>li:nth-child(2n){margin-top:300px;padding-left:50px} .products.basic .overview .detail_bx{margin-top:50px} .products.basic .overview .detail_bx .sb_tit{color:#FFF;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:15px} .products.basic .overview .detail_bx h3.tit{margin-top:10px;color:#FFF;font-size:20px;font-weight:700;line-height:36px} .products.basic .overview .detail_bx .desc{margin-top:10px;color:#FFF;font-size:12px;font-weight:300;line-height:20px} .products.basic .overview .detail_bx .sub{margin-top:30px;color:#FFF;font-size:14px;font-weight:300;line-height:26px} .products.basic .overview .detail_bx .cert{overflow:hidden;margin-top:30px} .products.basic .overview .detail_bx .cert>li{display:inline-block;overflow:hidden;margin-right:22px;color:#FFF;font-size:14px;font-weight:300;line-height:26px;vertical-align:top} .products.basic .overview .detail_bx .cert>li:nth-child(2){margin-right:0} .products.basic .object{overflow:hidden;position:relative;height:1400px} .products.basic .object .top_bx{position:absolute;left:50%;top:50%;width:980px;transform:translateX(-50%) translateY(-50%)} .products.basic .object .top_bx .sb_tit{color:#FFF;font-family:Circular,'Circular';font-size:12px;font-weight:700;text-align:center} .products.basic .object .top_bx h3.tit{margin-top:30px;color:#FFF;font-family:Circular,'Circular';font-size:80px;font-weight:700;line-height:81px;text-align:center} .products.basic .feature{overflow:hidden;position:relative;background:#9B9FA7} .products.basic .feature .top_bx{position:relative} .products.basic .feature .top_bx .icon{display:block;margin-bottom:90px;vertical-align:top} .products.basic .feature .top_bx .sb_tit{color:#FFF;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:15px} .products.basic .feature .top_bx h3.tit{margin-top:30px;color:#FFF;font-size:40px;font-weight:300;line-height:56px} .products.basic .feature .top_bx .sub{margin-top:30px;color:#FFF;font-size:14px;font-weight:300;line-height:26px} .products.basic .feature .spec{position:relative;margin-top:150px} .products.basic .feature .spec h4.tit{color:#FFF;font-size:30px;font-weight:300;line-height:45px} .products.basic .feature .spec .sub{margin-top:20px;color:#FFF;font-size:14px;font-weight:300;line-height:26px} .products.basic .feature .spec .desc{margin:20px 0 100px;color:rgba(255,255,255,0.5);font-size:12px;font-weight:300;line-height:20px} .products.basic .feature .spec .question_bx{position:relative;margin-top:20px} .products.basic .feature .spec .question_bx .question{display:inline-block;color:#FFF;font-size:14px;font-weight:700;line-height:26px} .products.basic .feature .spec .question_bx .question:after{content:'';display:inline-block;width:14px;height:14px;margin:5px 8px;background:url(https://www.etiqa.co.kr/img/product/common/ico_more5.png) 0 0 no-repeat;vertical-align:top} .products.basic .feature .spec .question_bx .ly_question{display:none;position:absolute;left:-21px;bottom:43px;z-index:100;width:286px;padding:20px;border-radius:4px;background:#FFF} .products.basic .feature .spec .question_bx .ly_question:before{content:'';position:absolute;left:24px;bottom:-7px;z-index:10;width:8px;height:7px;background:url(https://www.etiqa.co.kr/img/product/common/img_bubble_pointer2.png) 0 0 no-repeat;background-size:6px auto;vertical-align:top} .products.basic .feature .spec .question_bx .ly_question p{overflow:hidden;color:#A6AAB1;font-size:12px;font-weight:300;line-height:20px} .products.basic .feature .mask{position:absolute} .products.basic .feature .graph{display:block;overflow:hidden} .products.basic .feature .graph li{margin-bottom:40px} .products.basic .feature .graph li:last-child{margin-bottom:0} .products.basic .feature .graph li dl{position:relative} .products.basic .feature .graph li dl dt{} .products.basic .feature .graph li dl dt p{color:rgba(255,255,255,0.4);font-family:Circular,'Circular';font-size:60px;font-weight:700} .products.basic .feature .graph li dl dt p em{font-size:20px} .products.basic .feature .graph li dl dt .graph_bar{display:block;height:5px;margin-top:10px;background:rgba(255,255,255,0.4);font-size:0} .products.basic .feature .graph li dl dd{margin-top:20px;color:#FFF;font-size:12px;font-weight:300;line-height:20px} .products.basic .feature .graph li.select dl dt p{color:#FFF} .products.basic .feature .graph li.select:nth-child(2){margin-bottom:60px} .products.basic .feature .graph li.select dl dt .graph_bar{background:#FFF} .products.basic .feature .graph li:last-child dl:after{content:normal} .products.basic .feature .spec1{overflow:hidden;position:relative;padding:600px 0 200px} .products.basic .feature .spec1 .inner{overflow:visible;width:980px} .products.basic .feature .spec1 .mask{left:43%;top:328px;bottom:auto;width:42.5vw;height:34vw} .products.basic .feature .spec1 .mask span{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% auto;background-position:0 0;background-repeat:no-repeat} .products.basic .feature .spec1.skrollable-between .mask{position:fixed} .products.basic .feature .spec1.skrollable-after .mask{top:auto;bottom:250px} .products.basic .feature .spec2{overflow:hidden;position:relative;padding:120px 0 200px} .products.basic .feature .spec2 .inner{overflow:visible;padding-left:845px} .products.basic .feature .spec2 .top_bx{margin-top:390px} .products.basic .feature .spec2 .top_bx .question_bx{position:relative;margin-top:38px} .products.basic .feature .spec2 .top_bx .question_bx .question{display:inline-block;color:#FFF;font-size:14px;font-weight:700;line-height:26px} .products.basic .feature .spec2 .top_bx .question_bx .question:after{content:'';display:inline-block;width:14px;height:14px;margin:5px 8px;background:url(https://www.etiqa.co.kr/img/product/common/ico_more5.png) 0 0 no-repeat;vertical-align:top} .products.basic .feature .spec2 .top_bx .question_bx .ly_question{display:none;position:absolute;left:-21px;bottom:43px;z-index:100;width:331px;padding:20px;border-radius:4px;background:#FFF} .products.basic .feature .spec2 .top_bx .question_bx .ly_question:before{content:'';position:absolute;left:24px;bottom:-7px;z-index:10;width:8px;height:7px;background:url(https://www.etiqa.co.kr/img/product/common/img_bubble_pointer2.png) 0 0 no-repeat;background-size:6px auto;vertical-align:top} .products.basic .feature .spec2 .top_bx .ly_question p{color:#A6AAB1;font-size:12px;font-weight:300;line-height:20px} .products.basic .feature .spec2 .mask{left:50%;top:125px;bottom:auto;z-index:10;margin-left:-25vw} .products.basic .feature .spec2 .mask .img{position:relative;margin:-7.3vw 0 0 -6.8vw;width:42.5vw;height:34vw} .products.basic .feature .spec2 .mask .img span{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% auto;background-position:0 0;background-repeat:no-repeat} .products.basic .feature .spec2.skrollable-between .mask{position:fixed} .products.basic .feature .spec2.skrollable-after .mask{top:auto;bottom:4%} .products.basic .feature .spec2 .mask .ly_detail{overflow:hidden;position:relative;z-index:10;margin-left:3.7vw} .products.basic .feature .spec2 .mask .ly_detail ul{overflow:hidden;height:200px} .products.basic .feature .spec2 .mask .ly_detail ul li{float:left;position:relative;height:100%;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)} .products.basic .feature .spec2 .mask .ly_detail ul li a{overflow:hidden;display:block;height:100%;border-left:1px solid #FFF;color:#FFF;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:25px;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .products.basic .feature .spec2 .mask .ly_detail ul li:nth-child(1){z-index:30} .products.basic .feature .spec2 .mask .ly_detail ul li:nth-child(2){z-index:20} .products.basic .feature .spec2 .mask .ly_detail ul li:nth-child(3){z-index:10} .products.basic .feature .spec2 .mask .ly_detail ul li:nth-child(4){z-index:0} .products.basic .feature .spec2 .mask .ly_detail ul li a{width:2.9vw} .products.basic .feature .spec2 .mask .ly_detail ul li:nth-child(2) a{width:3.1vw} .products.basic .feature .spec2 .mask .ly_detail ul li:nth-child(3) a{width:3.1vw} .products.basic .feature .spec2 .mask[data-bg="9"] .ly_detail ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} .products.basic .feature .spec2 .mask .ly_detail ul li a:hover{margin-top:10%} .products.basic .feature .spec2 .mask .ly_detail ul li a span{display:inline-block;writing-mode:vertical-rl} .products.basic .feature .spec2 .mask .ly_detail ul li a span:after{content:'';display:inline-block;width:11px;height:11px;margin:7px;background:url(/img/sp_ico.svg) -216px -129px no-repeat;background-size:500px auto;vertical-align:top} .products.basic .feature .spec2 .mask .ly_detail ul li:nth-child(2){margin-top:20px} .products.basic .feature .spec2 .mask .ly_detail ul li:nth-child(3){margin-top:40px} .products.basic .feature .spec2 .mask .ly_detail ul li:nth-child(4){margin-top:60px} .products.basic .feature .spec2 .mask .ly_detail ul li .ly_spec{display:none;position:absolute;left:2.6vw;top:0;z-index:100;padding:20px;border-radius:4px;background:#FFF;white-space:nowrap} .products.basic .feature .spec2 .mask .ly_detail ul li .ly_spec:before{content:'';position:absolute;left:-6px;top:8px;z-index:10;width:6px;height:8px;background:url(https://www.etiqa.co.kr/img/product/common/img_bubble_pointer.png) 0 0 no-repeat;background-size:6px auto;vertical-align:top} .products.basic .feature .spec2 .mask .ly_detail ul li .ly_spec .tit{overflow:hidden;color:#A6AAB1;font-size:12px;font-weight:700;line-height:20px} .products.basic .feature .spec2 .mask .ly_detail ul li .ly_spec .tit span{overflow:hidden;margin-right:10px;font-family:Circular} .products.basic .feature .spec2 .mask .ly_detail ul li .ly_spec .sub{overflow:hidden;color:#A6AAB1;font-size:12px;font-weight:300;line-height:20px} .products.basic .feature .movie_lst{overflow:hidden;position:relative;padding:150px 0;background:#969AA1} .products.basic .feature .movie_lst ul{position:relative} .products.basic .feature .movie_lst ul li{overflow:hidden;position:relative} .products.basic .feature .movie_lst ul li:last-child{margin-bottom:0} .products.basic .feature .movie_lst ul li:before{content:'';display:block;width:1px;height:60px;margin:60px auto;background:#FFF} .products.basic .feature .movie_lst ul li .mv{overflow:hidden;position:relative;float:left;width:600px} .products.basic .feature .movie_lst ul li .mv .open_viewer{display:block;position:relative} .products.basic .feature .movie_lst ul li .mv .open_viewer:before{content:'';position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(94,104,152,0.15)} .products.basic .feature .movie_lst ul li .mv_desc{overflow:hidden;position:relative} .products.basic .feature .movie_lst ul li .mv_desc .tit_sub{color:#FFF;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:15px} .products.basic .feature .movie_lst ul li .mv_desc .title{margin-top:30px;color:#FFF;font-size:20px;font-weight:300;line-height:36px} .products.basic .feature .movie_lst ul li .mv_desc .desc{margin-top:19px;color:#FFF;font-size:14px;font-weight:300;line-height:26px} .products.basic .feature .movie_lst ul li:nth-child(1):before{margin-top:0} .products.basic .feature .movie_lst ul li:nth-child(2n-1) .mv_desc{margin-top:293px;padding-left:50px;padding-right:110px} .products.basic .feature .movie_lst ul li:nth-child(2n){margin-top:-45px} .products.basic .feature .movie_lst ul li:nth-child(2n):before{height:180px;margin-top:0} .products.basic .feature .movie_lst ul li:nth-child(2n) .mv{float:right} .products.basic .feature .movie_lst ul li:nth-child(2n) .mv_desc{margin-top:-100px;padding-left:110px;padding-right:50px} .products.basic .feature .movie_lst ul li.more{display:none} .products.basic .feature .movie_lst .more_bx{overflow:hidden;position:relative;height:272px;margin-top:60px;padding:90px 0 130px} .products.basic .feature .movie_lst .more_desc{position:relative;color:#FFF;font-size:14px;font-weight:300;line-height:26px;text-align:center} .products.basic .feature .movie_lst .more_desc:before{content:'';position:absolute;left:50%;top:-90px;width:1px;height:60px;margin-left:-0.5px;background:#FFF} .products.basic .feature .movie_lst .btn_more{display:block;overflow:hidden;position:absolute;left:50%;bottom:30px;z-index:9200;min-width:70px;border-radius:35px;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .products.basic .feature .movie_lst .btn_more:active{-webkit-transform:scale(0.8) translateX(-60%);transform:scale(0.8) translateX(-60%);transform-origin:center center;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .products.basic .feature .movie_lst .btn_more span{display:block;position:absolute;left:0;top:0;z-index:10;width:70px;height:70px;border-radius:35px;background:#FFF url(https://www.etiqa.co.kr/img/common/btn_more_bk.png) 0 0 no-repeat;text-indent:-9999px;vertical-align:top} .products.basic .feature .movie_lst .btn_more:after{content:'';display:inline-block;position:relative;height:70px;border-radius:35px;background:#FFF;color:#000;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:70px;vertical-align:top;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .products.basic .feature .movie_lst .btn_more:hover:after{content:'VIEW MORE';padding:0 27px 0 70px} .products.basic .feature .spec3{overflow:hidden;position:relative;padding:200px 0 0} .products.basic .feature .spec3:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;display:block;background:rgba(0,0,0,.03)} .products.basic .feature .spec3 .top_bx{overflow:hidden;text-align:center} .products.basic .feature .spec3 .mask{overflow:hidden;position:relative;margin-top:141px;text-align:center} .products.basic .feature .spec3 .btn_more{display:block;overflow:hidden;position:absolute;left:50%;top:29.5%;z-index:9200;min-width:70px;border-radius:35px;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0.4} .products.basic .feature .spec3 .btn_more:active{-webkit-transform:scale(0.8) translateX(-60%);transform:scale(0.8) translateX(-60%);transform-origin:center center;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out} .products.basic .feature .spec3 .btn_more span{display:block;position:absolute;left:0;top:0;z-index:10;width:70px;height:70px;border-radius:35px;background:#000 url(https://www.etiqa.co.kr/img/common/btn_more_wh.png) 0 0 no-repeat;text-indent:-9999px;vertical-align:top} .products.basic .feature .spec3 .btn_more:after{content:'';display:inline-block;position:relative;height:70px;border-radius:35px;background:#000;color:#fff;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:70px;vertical-align:top;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .products.basic .feature .spec3 .btn_more:hover:after{content:'VIEW MORE';padding:0 27px 0 70px} .products.basic .color{position:relative;overflow:hidden;height:1703px;background:#F0F0F0} .products.basic .color:after{content:'COLORS';position:absolute;left:0;top:0;right:0;text-align:center;color:rgba(255,255,255,.4);font-family:Circular,'Circular';font-size:280px;font-weight:700 ;line-height:1703px} .products.basic .color .top_bx{overflow:hidden;margin:200px 0 10px 0;text-align:center} .products.basic .color .top_bx h3{overflow:hidden;margin-bottom:20px;color:#000;font-family:Circular,'Circular';font-size:60px;font-weight:700} .products.basic .color .top_bx p{color:#000;font-size:14px;font-weight:300;line-height:26px} .products.basic .swiper-container2{position:relative;z-index:100} .products.basic .swiper-container2 .swiper-slide{position:relative;width:690px;height:860px} .products.basic .swiper-container2 .swiper-slide a{position:relative;display:block} .products.basic .swiper-container2 .swiper-slide a .top{position:absolute;left:100px;top:141px;z-index:10;display:block;width:490px;height:72px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .products.basic .swiper-container2 .swiper-slide a .inner{position:absolute;left:100px;bottom:0;z-index:20;display:block;width:490px;height:490px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .products.basic .swiper-container2 .swiper-slide a .bottom{position:relative;z-index:30;display:block;width:490px;height:648px;margin:212px 0 0 100px;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .products.basic .swiper-container2 .swiper-slide .shadow{position:absolute;left:155px;bottom:10px;z-index:0;display:block;width:380px;height:635px;box-shadow:0 0 150px 50px rgba(0,0,0,.4)} .products.basic .swiper-container2 .swiper-slide a:hover .inner{bottom:370px} .products.basic .swiper-container2 .swiper-slide a:hover .top{left:96px;top:121px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} .products.basic .swiper-container2 .swiper-slide[data-color="#DCDCDC"] a .top{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_top_white.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#DCDCDC"] a .inner{background:url(https://www.etiqa.co.kr/img/product/basic/img_mask_white.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#DCDCDC"] a .bottom{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_bottom_white.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#AD916B"] a .top{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_top_beige.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#AD916B"] a .inner{background:url(https://www.etiqa.co.kr/img/product/basic/img_mask_beige.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#AD916B"] a .bottom{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_bottom_beige.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#7D7E7F"] a .top{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_top_gray.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#7D7E7F"] a .inner{background:url(https://www.etiqa.co.kr/img/product/basic/img_mask_gray.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#7D7E7F"] a .bottom{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_bottom_gray.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#C9BA9E"] a .top{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_top_ivory.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#C9BA9E"] a .inner{background:url(https://www.etiqa.co.kr/img/product/basic/img_mask_ivory.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#C9BA9E"] a .bottom{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_bottom_ivory.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#471A26"] a .top{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_top_red.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#471A26"] a .inner{background:url(https://www.etiqa.co.kr/img/product/basic/img_mask_red.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#471A26"] a .bottom{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_bottom_red.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#22453F"] a .top{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_top_green.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#22453F"] a .inner{background:url(https://www.etiqa.co.kr/img/product/basic/img_mask_green.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#22453F"] a .bottom{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_bottom_green.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#1D2944"] a .top{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_top_navy.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#1D2944"] a .inner{background:url(https://www.etiqa.co.kr/img/product/basic/img_mask_navy.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#1D2944"] a .bottom{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_bottom_navy.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#202122"] a .top{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_top_black.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#202122"] a .inner{background:url(https://www.etiqa.co.kr/img/product/basic/img_mask_black.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-slide[data-color="#202122"] a .bottom{background:url(https://www.etiqa.co.kr/img/product/basic/img_cover_bottom_black.png) 0 0 no-repeat} .products.basic .swiper-container2 .swiper-pagination2{position:relative;left:auto;bottom:auto;overflow:hidden;height:35px;margin-top:150px;text-align:center;font-size:0;line-height:0} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet{position:relative;width:30px;height:30px;margin:5px 10px 0;border:2px solid #fff;border-radius:100%;opacity:1;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet-active:before{content:'';position:absolute;left:50%;top:-7px;width:6px;height:6px;margin-left:-3px;background:url(https://www.etiqa.co.kr/img/common/ico_page_selected.png) 0 0 no-repeat;background-size:6px 6px} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(1){background:#DCDCDC} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(2){background:#AD916B} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(3){background:#7D7E7F} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(4){background:#C9BA9E} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(5){background:#471A26} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(6){background:#22453F} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(7){background:#1D2944} .products.basic .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet:nth-child(8){background:#202122} .products.basic .swiper-container2 .swiper-button-prev2{position:absolute;left:0;top:0;width:36%;height:100%;z-index:100;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none} .products.basic .swiper-container2 .swiper-button-next2{position:absolute;right:0;top:0;width:36%;height:100%;z-index:100;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none} /* product.fold ************************************************************************/ .products.fold .cover{background:#C8C8C8} .products.fold .cover .bg{background:url(https://www.etiqa.co.kr/img/product/fold/img_cover.png) 50% 0 no-repeat;background-size:cover;background-attachment:fixed} .products.fold .cover .cover_info h2.tit{color:#000} .products.fold .cover .cover_info .sub{color:#000} .products.fold .ad{background:#C8C8C8} .products.fold .ad .tit_bx h3.tit{color:#000} .products.fold .ad .tit_bx .sub{color:#000} .products.fold .ad .swiper-slide .open_viewer:before{background:rgba(134,134,134,0.15)} .products.fold .ad .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000} .products.fold .ad .swiper-pagination-progressbar{background:rgba(0,0,0,.2)} .products.fold .ad .swiper-num{color:#000} .products.fold .ad .swiper-button-prev{background-position:-171px -175px;background-size:500px auto} .products.fold .ad .swiper-button-next{right:0;background-position:-252px -175px;background-size:500px auto} .products.fold .ad .swiper-button-prev:hover{background-position:-173px -255px;background-size:500px auto} .products.fold .ad .swiper-button-next:hover{background-position:-254px -255px;background-size:500px auto} .products.fold .ad .swiper-button-prev:active{background-position:-173px -255px;background-size:500px auto} .products.fold .ad .swiper-button-next:active{background-position:-254px -255px;background-size:500px auto} .products.fold .prd{background:#C8C8C8} .products.fold .prd .prd_info h2.tit{color:#000} .products.fold .prd .prd_info .sub{color:#000} .products.fold .prd .prd_info .desc{color:#000} .products.fold .prd .prd_cert{padding:300px 0 250px} .products.fold .prd .prd_cert .cert_bx{overflow:hidden;padding:100px 0;border-top:5px solid #000;border-bottom:5px solid #000} .products.fold .prd .prd_cert .cert_bx:last-child{margin-top:-5px} .products.fold .prd .prd_cert dl{overflow:hidden;width:980px;margin:0 auto} .products.fold .prd .prd_cert dl dt{overflow:hidden;float:left;width:50%;padding-right:30px} .products.fold .prd .prd_cert dl dd{overflow:hidden} .products.fold .prd .prd_cert dl dt .tit{color:#000;font-size:40px;font-weight:300;line-height:56px} .products.fold .prd .prd_cert dl dt .sub{color:#000;font-size:12px;font-weight:300;line-height:20px} .products.fold .prd .prd_cert dl dd .desc{color:#000;font-size:12px;font-weight:300;line-height:20px} .products.fold .prd .prd_cert dl dd ul li{display:inline-block;overflow:hidden;margin-right:35px} .products.fold .prd .prd_cert dl dd ul li:nth-child(3){margin-right:0} .products.fold .prd .prd_cert dl dd ul li ul li{display:block;margin:0 !important;color:#000;font-size:12px;font-weight:300;line-height:20px} .products.fold .prd .marketing .mk_txt{position:absolute;left:50%;top:26.7%;z-index:10} .products.fold .prd .marketing .mk_txt .tt{color:#000;font-family:Circular,'Circular';font-size:40px;font-weight:700} .products.fold .prd .marketing .mk_txt .desc{margin-top:20px;color:#000;font-size:14px;font-weight:300;line-height:26px} .products.fold .prd .marketing .img_bx{position:relative} .products.fold .prd .marketing .img_bx:before{content:'';position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(134,134,134,0.1)} .products.fold .prd .marketing .img_bx img{width:100%;max-width:100%;height:auto} .products.fold .feature{overflow:hidden;position:relative;padding:200px 0 250px;background:#787878} .products.fold .feature article{position:relative;padding:100px 0} .products.fold .feature article .article_bx{position:relative} .products.fold .feature article .top_bx{position:relative} .products.fold .feature article .top_bx .sb_tit{color:#FFF;font-family:Circular,'Circular';font-size:12px;font-weight:700;line-height:15px} .products.fold .feature article .top_bx h3.tit{margin-top:30px;color:#FFF;font-size:40px;font-weight:300;line-height:56px} .products.fold .feature article .top_bx .sub{margin-top:20px;color:#FFF;font-size:14px;font-weight:300;line-height:26px} .products.fold .feature article .spec{position:relative;margin-top:150px} .products.fold .feature article .spec h4.tit{color:#FFF;font-size:40px;font-weight:300;line-height:56px} .products.fold .feature article .spec .sub{margin-top:30px;color:#FFF;font-size:14px;font-weight:300;line-height:26px} .products.fold .feature article .graph{display:inline-block;overflow:hidden;margin-top:70px} .products.fold .feature article .graph li{margin-bottom:50px} .products.fold .feature article .graph li:last-child{margin-bottom:0} .products.fold .feature article .graph li dl{position:relative} .products.fold .feature article .graph li dl dt{color:rgba(255,255,255,0.4);font-family:Circular,'Circular';font-size:60px;font-weight:700;line-height:76px} .products.fold .feature article .graph li dl dd{margin-top:10px;color:#FFF;font-size:14px;font-weight:300;line-height:26px} .products.fold .feature article .graph li.select dl dt{color:rgba(255,255,255,1)} .products.fold .feature article .graph li:last-child dl:after{content:normal} .products.fold .feature article .mask{position:absolute;top:100px} .products.fold .feature article:nth-child(2n-1) .article_bx{padding-left:600px;padding-top:180px} .products.fold .feature article:nth-child(2n-1).mask{left:0} .products.fold .feature article:nth-child(2n) .article_bx{padding-right:600px;padding-top:280px;padding-left:110px} .products.fold .feature article:nth-child(2n) .mask{right:0} /* maskcase ************************************************************************/ .products.case #footer {background:#FAFAFA} .products.case .cover{background:#caccd5} .products.case .cover .bg{background:url(https://www.etiqa.co.kr/img/product/maskcase/img_cover.png) 50% 70% no-repeat} .products.case .cover .cover_info h2.tit{color:#FFF} .products.case .cover .cover_info .sub{color:#FFF} .products.case .ad{padding-top:190px;background:#AEB3BE} .products.case .ad .tit_bx h3.tit{color:#FFF} .products.case .ad .tit_bx .sub{color:#FFF} .products.case .prd{padding-bottom:250px;background:#AEB3BE} .products.case .prd .prd_info{padding-top:150px;text-align:left} .products.case .prd .prd_info .top_bx h2.tit{margin-left:-8px;color:#FFF} .products.case .prd .prd_info .top_bx .sub{color:#FFF} .products.case .prd .prd_info .top_bx .desc{color:#FFF} .products.case .case_desc1{position:relative;overflow:hidden;display:block;height:910px;background:url(https://www.etiqa.co.kr//product/maskcase/bg_casedesc1.png) 0 0 repeat} .products.case .case_desc1 .txt{position:absolute;left:50%;top:50%;margin:-279px 0 0 245px;z-index:20} .products.case .case_desc1 .txt span{overflow:hidden;display:block;margin-bottom:30px;font-family:Circular,'Circular';font-size:12px;font-weight:700;color:#fff} .products.case .case_desc1 .txt strong{overflow:hidden;display:block;margin-bottom:30px;font-size:40px;font-weight:300;line-height:56px;color:#fff} .products.case .case_desc1 .txt em{overflow:hidden;display:block;font-size:14px;font-weight:300;line-height:26px;color:#fff} .products.case .case_desc1 .img{position:absolute;left:50%;top:0;margin:0 0 0 -950px} .products.case .case_desc1:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(94, 104, 152, .2);z-index:10} .products.case .case_desc1 .txt .useinfo{overflow:hidden;margin:80px 0 0 0} .products.case .case_desc1 .txt .useinfo dt{overflow:hidden;margin-bottom:16px;font-size:14px;font-weight:700;color:#fff} .products.case .case_desc1 .txt .useinfo dd{overflow:hidden;margin-bottom:0} .products.case .case_desc1 .txt .useinfo dd em{overflow:hidden;float:left;margin-right:9px;font-family:Circular,'Circular';font-size:12px;font-weight:700;color:#fff;line-height:24px;vertical-align:top} .products.case .case_desc1 .txt .useinfo dd span{overflow:hidden;margin:0;font-family:NanumBarunGothic,'NanumBarunGothic';font-size:12px;font-weight:400;line-height:26px;color:#fff;vertical-align:top} .products.case .case_desc2{position:relative;overflow:hidden;display:block;height:910px;background:#E5E5E5} .products.case .case_desc2 .txt{position:absolute;left:50%;top:50%;margin:-121px 0 0 -490px;z-index:20} .products.case .case_desc2 .txt span{overflow:hidden;display:block;margin-bottom:30px;font-family:Circular,'Circular';font-size:12px;font-weight:700;color:#fff} .products.case .case_desc2 .txt strong{overflow:hidden;display:block;margin-bottom:30px;font-size:40px;font-weight:300;line-height:56px;color:#fff} .products.case .case_desc2 .txt em{overflow:hidden;display:block;font-size:14px;font-weight:300;line-height:26px;color:#fff} .products.case .case_desc2 .img{position:absolute;left:50%;top:0;margin:0 0 0 -950px} .products.case .case_desc2:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(94, 104, 152, .20);z-index:10} .products.case .case_desc3{position:relative;overflow:hidden;display:block;height:910px;background:url(https://www.etiqa.co.kr//product/maskcase/bg_casedesc4.png) 0 0 repeat} .products.case .case_desc3 .txt{position:absolute;left:50%;top:50%;margin:-132px 0 0 245px;z-index:20} .products.case .case_desc3 .txt span{overflow:hidden;display:block;margin-bottom:30px;font-family:Circular,'Circular';font-size:12px;font-weight:700;color:#fff} .products.case .case_desc3 .txt strong{overflow:hidden;display:block;margin-bottom:30px;font-size:40px;font-weight:300;line-height:56px;color:#fff} .products.case .case_desc3 .txt em{overflow:hidden;display:block;font-size:14px;font-weight:300;line-height:26px;color:#fff} .products.case .case_desc3 .img{position:absolute;left:50%;top:0;margin:0 0 0 -950px} .products.case .case_desc3:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(94, 104, 152, .20);z-index:10} .products.case .case_desc4{position:relative;overflow:hidden;padding:180px 0 300px;background:#AEB3BE} .products.case .case_desc4:after{content:'';position:absolute;left:50%;bottom:0;width:1px;height:200px;margin-left:-1px;background:#fff} .products.case .case_desc4 p{position:relative;left:50%;overflow:hidden;font-size:26px;font-weight:300;line-height:50px;color:#fff} .products.case .info2{padding-top:104px} .products.case .info2 .inner{border-top:5px solid #000}