/** Shopify CDN: Minification failed Line 16:58 Expected ":" **/ @charset "utf-8"; .blue {color:#3b63c2;vertical-align: top;} .red {color:#ed1c2a;vertical-align: top;} .table {display:table;width:100%;height:100%;table-layout:fixed;} .tableCell {display:table-cell;vertical-align:middle;} .resize {-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);transition:2s all ease-out;} /* mainVisual */ #mainVisual {width:100%;position: relative;padding-top:90px;} #mainVisual .slider {overflow: hidden;position:relative;height:100%;} #mainVisual .slider .slick-slide {overflow: hidden;height:100%;position:relative;background-size:cover;background-repeat:no-repeat;} #mainVisual .slider .slick-slide.visual01 {background-imag e:url("../images/main/mainVisual01.jpg");} #mainVisual .slider .slick-slide.visual02 {background-image:url("../images/main/mainVisual02.jpg");} #mainVisual .slider .slick-slide.visual03 {background-image:url("../images/main/mainVisual03.jpg");} #mainVisual .slider .slick-slide.visual04 {background-image:url("../images/main/mainVisual04.jpg");} #mainVisual .btnPrev {position: absolute;left:0; top:50%; transform:translateY(-50%);z-index: 2;} #mainVisual .btnNext {position: absolute;right:0; top:50%; transform:translateY(-50%);z-index: 2;} #mainVisual .slick-dots {position: absolute;bottom:100px;width:100%;text-align: center;z-index: 2;} #mainVisual .slick-dots li {display:inline-block;margin:0 5px;transition:all 0.25s;border:none;background:none;opacity:1;width:auto;height:auto;overflow:hidden;opacity:0.4;} #mainVisual .slick-dots li button {text-indent:-99999999px;width:45px;height:5px;background:#fff;} #mainVisual .slick-dots li.slick-active {opacity:1;} #mainVisual .bottomArrow {position:absolute;bottom:50px;z-index:1;left:50%;margin-right:-12px;width:23px;height:17px;} #mainVisual .bottomArrow img {position:absolute;} #mainVisual .txtBox {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;} #mainVisual .txtBox .auto {height:100%;} #mainVisual .txtBox p.main {font-size:85px;font-family:"Roboto";font-weight:700;} #mainVisual .txtBox p.sub {font-size:20px;font-weight:300;color:#fff;} #mainVisual .txtBox a {display:block;margin:20px auto;width:180px;height:60px;border:1px solid #fff;text-align:center;line-height:60px;font-size:16px;color:#fff;margin-top:50px;transition:0.3s all ease-out;} #mainVisual .scroll {position:absolute;bottom:40px;left:50%;margin-left:-25px;z-index:1;} /* 메인 공통 */ #mainContents {position: relative;overflow: hidden;} #mainContents .conBox {padding:80px 0;position:relative;} #mainContents dl.title {text-align:center;margin-bottom:20px;} #mainContents dl.title dt {font-size:35px;color:#333;font-weight:700;} #mainContents dl.title dd {font-size:18px;color:#4c4c4c;font-weight:300;} .btnMore {display:block;margin:40px auto 0 auto;width:200px;border:1px solid #666;text-align:center;font-size:18px;color:#666;font-weight:500;line-height:60px;} .btnMore img {width:15px;margin-top:23px;margin-left:10px;} .prd_list {} .prd_list > ul > li {float:left;width:25%;padding:10px;} .prd_list > ul > li .inner {position:relative;} .prd_list > ul > li .inner .hv_txt {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);transition:0.3s;z-index:-1;opacity:0;} .prd_list > ul > li .inner .hv_txt dl {text-align:center;} .prd_list > ul > li .inner .hv_txt dl dt {font-size:20px;color:#fff;font-weight:700;} .prd_list > ul > li .inner .hv_txt dl dd {font-size:18px;color:#ddd;font-weight:300;} .prd_list > ul > li .inner .hv_txt a {display:block;margin:40px auto 0 auto;width:146px;text-align:center;line-height:40px;font-size:15px;color:#fff;font-weight:500;border:1px solid #fff;} .prd_list > ul > li.on .inner .hv_txt {opacity:1;z-index:1;} /* #mainContents .conBox02 {background:url(//www.vr-wave.store/cdn/shop/t/160/assets/conBox02_bg.jpg?28065);background-repeat:no-repeat;background-size:cover;} */ #mainContents .conBox02 .maskWrap {width:930px;margin:0 auto;position:relative;} #mainContents .conBox02 .arrow {position:absolute;top:50%;margin-top:-33px;z-index:1;} #mainContents .conBox02 .arrow.btnPrev {left:-30px;} #mainContents .conBox02 .arrow.btnNext {right:-30px;} #mainContents .conBox02 .mask1 {/* width:580px; */} #mainContents .conBox02 .mask1 li {margin:0 35px;position:relative;} #mainContents .conBox02 .mask1 li > img {} #mainContents .conBox02 .mask1 li.on > img {margin-right:420px;} #mainContents .conBox02 .mask1 li.on .txtBox {display:block;} #mainContents .conBox02 .mask1 .txtBox {float:left;width:350px;display:none;} #mainContents .conBox02 .mask1 .txtBox .inner {position:absolute;top:0;right:0;width:350px;height:100%;overflow:hidden;padding:0 50px;background:#fff;} #mainContents .conBox02 .mask1 .txtBox dl dt {font-size:23px;color:#333;font-weight:700;} #mainContents .conBox02 .mask1 .txtBox dl dd {font-size:18px;color:#666;font-weight:300;margin-top:10px;} #mainContents .conBox02 .mask1 .txtBox a {display:block;margin-top:20px;width:146px;line-height:43px;background:#0960b9;text-align:center;font-size:15px;color:#fff;} #mainContents .conBox02 .mask2 {position:absolute;top:0;right:0;width:420px;height:100%;background:#fff;overflow:hidden;} #mainContents .conBox02 .mask2 ul {height:100%;} #mainContents .conBox02 .mask2 li {height:100%;} #mainContents .conBox02 .mask2 .txtBox {height:100%;overflow:hidden;padding:0 50px;} #mainContents .conBox02 .mask2 .txtBox dl dt {font-size:23px;color:#333;font-weight:700;} #mainContents .conBox02 .mask2 .txtBox dl dd {font-size:18px;color:#666;font-weight:300;margin-top:10px;} #mainContents .conBox02 .mask2 .txtBox a {display:block;margin-top:20px;width:146px;line-height:43px;background:#0960b9;text-align:center;font-size:15px;color:#fff;} #mainContents .conBox03 ul {margin:-10px;} #mainContents .conBox03 ul li {float:left;width:33.33%;padding:10px;} #mainContents .conBox03 ul li .imgBox {display:block;} #mainContents .conBox03 ul li .txtBox {padding:15px 10px;} #mainContents .conBox03 ul li .txtBox span {display:block;} #mainContents .conBox03 ul li .txtBox span.cate {font-size:16px;color:#0960b9;font-weight:500;} #mainContents .conBox03 ul li .txtBox span.title {font-size:23px;color:#4c4c4c;font-weight:500;line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;} #mainContents .conBox03 ul li .txtBox span.date {font-size:16px;color:#666;font-weight:300;margin-top:10px;} #mainContents .conBox04 {background:#f7f7f7;} #mainContents .conBox04 .movieWrap {overflow:hidden;} #mainContents .conBox04 .movieWrap .iframeBox {position:relative;padding-top:43%;width:75%;float:left;} #mainContents .conBox04 .movieWrap .iframeBox ul {} #mainContents .conBox04 .movieWrap .iframeBox ul li {position:absolute;top:0;left:0;right:0;bottom:0;margin:10px;overflow:hidden;opacity:0;transition:0.3s;} #mainContents .conBox04 .movieWrap .iframeBox ul li.on {opacity:1;z-index:1;} #mainContents .conBox04 .movieWrap .iframeBox ul li:first-child {opacity:1;z-index:1;} #mainContents .conBox04 .movieWrap .iframeBox ul li iframe {width:100%;height:100%;vertical-align:top;} #mainContents .conBox04 .movieWrap .iframe_list {position:relative;padding-top:43%;width: 24.57%;float:left;} #mainContents .conBox04 .movieWrap .iframe_list ul {position:absolute;top:0;left:0;right:0;bottom:0;margin:0 10px;} #mainContents .conBox04 .movieWrap .iframe_list ul li {height:33.33%;padding: 9px 0;} #mainContents .conBox04 .movieWrap .iframe_list ul li a {display:block;height:100%;overflow:hidden;position:relative;} #mainContents .conBox04 .movieWrap .iframe_list ul li a > img {height:100%;width:100%;} #mainContents .conBox04 .movieWrap .iframe_list ul li .hv {position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;background:rgba(9,96,185,0.85);color:#fff;font-size:16px;font-weight:500;opacity:0;;transition:0.3s;} #mainContents .conBox04 .movieWrap .iframe_list ul li.on .hv {opacity:1;} #mainContents .conBox05 {padding:0 !important;margin-top:80px;background:#e6e6e6;} #mainContents .conBox05 .imgBox {position:absolute;top:0;left:0;width:50%;height:340px;background-image:url("../images/main/conBox05_img01.jpg");background-repeat:no-repeat;background-size:cover;} #mainContents .conBox05 .txtBox {float:right;width:50%;} #mainContents .conBox05 .txtBox .inner {height:340px;padding:95px 0 95px 85px;background:#e6e6e6;} #mainContents .conBox05 .txtBox .inner dl dt {font-size:35px;color:#0960b9;font-weight:700;} #mainContents .conBox05 .txtBox .inner dl dd {font-size:18px;color:#333;font-weight:300;} #mainContents .conBox05 .txtBox .inner .inputBox {position:relative;padding-right:100px;margin-top:10px;} #mainContents .conBox05 .txtBox .inner .inputBox input[type="text"] {width:100%;background:#fff;padding:0 10px;font-size:14px;color:#333;border:none;height:50px;} #mainContents .conBox05 .txtBox .inner .inputBox a {position:absolute;top:0;right:0;width:100px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#fff;font-weight:700;background:#404040;} /* HOVER */ @media all and (min-width:1200px) { /* 메인비주얼 */ #mainVisual .btnMore:hover {border-color:#50b949;color:#fff;background:#50b949;} #mainVisual .btnMore:hover i {color:#fff;} } /* 반응형 레이아웃 */ @media all and (max-width:1750px) { .auto_w {width:100%;padding:0 10px;} } @media all and (max-width:1200px){ #mainContents .conBox05 .imgBox {background-position:70% 0;} } @media all and (max-width:800px) { #mainContents .conBox02 .mask2 .txtBox {padding:0 30px;} #mainContents .conBox02 .mask2 .txtBox dl dt {font-size:20px;} #mainContents .conBox02 .mask2 .txtBox dl dd {font-size:15px;} } @media all and (max-width:1024px) { /* 메인비주얼 */ #mainVisual .mask {position:absolute;top:0;left:0;width:100%;height:100%;} #mainVisual .mask .swiper-slide {height:auto;} #mainVisual .auto .inner {display:block;text-align:center;padding-top:60px;} #mainVisual p.main:before {left:50%;margin-left:-30px;} #mainVisual p.sub br {content:"";} #mainVisual p.sub {font-size:1.1rem;width:60%;margin:0 auto;} #mainVisual p.main {font-size:3rem;line-height:60px;margin:0 auto 30px auto;padding-top:30px;} #mainVisual .mask li.visual01 {background-image:url("../images/main/t_mainVisual01.jpg");} #mainVisual .mask li.visual02 {background-image:url("../images/main/t_mainVisual01.jpg");} #mainContents .conBox02 .maskWrap {width:90%;} #mainContents .conBox02 .mask1 {width:55%;overflow:hidden;} #mainContents .conBox02 .mask1 li {margin:0;} #mainContents .conBox02 .mask1 li > img {width:100%;margin-right:0 !important;} #mainContents .conBox02 .mask2 {width:45%;} #mainContents .conBox03 ul li {width:50%;} #mainContents .conBox03 ul li:last-child {display:none;} #mainContents .conBox05 .imgBox {height:100%;} #mainContents .conBox05 .txtBox .inner {padding:50px 0 50px 30px;height:auto;} #mainContents .conBox05 .txtBox .inner dl dt {font-size:25px;} #mainContents .conBox05 .txtBox .inner dl dd {font-size:18px;} #mainContents .conBox05 .txtBox .inner .inputBox input[type="text"] {font-size:13px;height:40px;} #mainContents .conBox05 .txtBox .inner .inputBox a {font-size:13px;height:40px;line-height:40px;} } @media all and (max-width:768px) { #mainVisual .txtBox p.main {font-size:65px;} #mainVisual .txtBox p.sub {font-size:18px;} #mainVisual .txtBox a {height:40px;line-height:40px;font-size:14px;} #mainContents .conBox {padding:80px 0;} .prd_list > ul {margin:-5px;} .prd_list > ul > li {padding:5px;width:50%;} .btnMore {width:160px;font-size:14px;line-height:40px;} .btnMore img {margin-top:13px;} #mainContents .conBox03 ul li .txtBox span.title {font-size:18px;} #mainContents .conBox04 .movieWrap .iframeBox {float:none;width:100%;} #mainContents .conBox04 .movieWrap .iframeBox ul li {margin:0;} #mainContents .conBox04 .movieWrap .iframe_list {float:none;width:100%;margin-top:10px;padding-top:0;} #mainContents .conBox04 .movieWrap .iframe_list ul {margin:-5px;position:static;} #mainContents .conBox04 .movieWrap .iframe_list ul li {height:auto;float:left;width:33.33%;padding:5px;} #mainContents .conBox05 .imgBox {display:none;} #mainContents .conBox05 .txtBox {float:none;width:100%;} #mainContents .conBox05 .txtBox .inner {padding:30px 0;} } @media all and (max-width:719px) { #mainContents .conBox {padding:50px 0;} } @media all and (max-width:640px) { /* 메인비주얼 */ #mainVisual {padding-top:60px;} #mainVisual .txtBox p.main {font-size:35px;padding-bottom:0;} #mainVisual .txtBox p.sub {font-size:14px;} #mainVisual .txtBox a {width:120px;} #mainVisual .slick-dots {bottom:30px;} #mainContents dl.title dt {font-size:25px;} #mainContents dl.title dd {font-size:14px;} #mainContents .conBox02 .maskWrap {width:100%;} #mainContents .conBox02 .mask1 {width:100%;} #mainContents .conBox02 .mask2 {position:static;width:100%;} #mainContents .conBox02 .mask2 .txtBox {padding:20px 10px;text-align:center;} #mainContents .conBox02 .mask2 .txtBox dl dd {font-size:18px;} #mainContents .conBox02 .mask2 .txtBox dl dd {font-size:13px;} #mainContents .conBox02 .mask2 .txtBox a {margin:20px auto 0 auto;font-size:14px;line-height:40px;} #mainContents .conBox02 .arrow {width:50px;margin-top:-25px;top:30%;} #mainContents .conBox02 .arrow.btnPrev {left:0;} #mainContents .conBox02 .arrow.btnNext{right:0;} #mainContents .conBox03 ul {margin:-5px;} #mainContents .conBox03 ul li {padding:5px;} #mainContents .conBox03 ul li .txtBox {padding:15px 0;} #mainContents .conBox03 ul li .txtBox span.cate {font-size:13px;} #mainContents .conBox03 ul li .txtBox span.title {font-size:14px;} #mainContents .conBox03 ul li .txtBox span.date {font-size:13px;margin-top:5px;} #mainContents .conBox05 {margin-top:50px;} #mainContents .conBox05 .txtBox .inner dl dt {font-size:20px;} #mainContents .conBox05 .txtBox .inner dl dd {font-size:14px;} .prd_list > ul > li .inner .hv_txt dl dt {font-size:16px;} .prd_list > ul > li .inner .hv_txt dl dd {font-size:12px;} } @media all and (max-width:480px) { /* 메인비주얼 */ #mainVisual .auto .inner {padding-top:30px;} #mainVisual p.main {font-size:2rem;line-height:40px;padding-bottom:25px;margin:0 auto 25px auto; } #mainVisual p.main:before {width:40px;margin-left:-20px;} #mainVisual p.sub {font-size:0.9rem;} #mainVisual .btnPrev, #mainVisual .btnNext {width:40px;} #shopify-section-1603021502367{ overflow:hidden; } }