[data-wv-layout-seq="11"]{height: 100%;}
.preview{height: 100%; position: absolute; width:100%; opacity: 0; z-index: 1;}
.preview:first-child{opacity: 1; z-index: 2;}
.preview [data-wv-layout-element="layout-page"]{height: 100%;}
.preview .header_wrap{padding:30px 20px;}
.preview .header_wrap .header_contents_inner{width: 100%; float:left;}
.preview .header_wrap .left_contents_con{float: left;}
.preview .header_wrap .logo_con{margin-right: 0;}
.preview .header_wrap .logo_con > h1{font-size: 21px; font-size: 2.1rem; line-height: 27px; line-height: 2.7rem; letter-spacing: -0.02em; color:#fff;}
/*.preview .gnb_contents_con{position: absolute; top:50%; left:50%; transform: translate(-50% , -50%);}*/
.preview .gnb_wrap{display: none; /*float:left;*/ margin-top:0; margin-right: 32px; transition: transform 0.3s;}
.preview .gnb_wrap > li{display: inline-block; margin-right: 23px; margin-bottom: 0;}
.preview .gnb_wrap > li:nth-last-child(2){margin-right: 23px;}
.preview .gnb_wrap > li:last-child{margin-right: 0;}
.preview .gnb_wrap > li > a{font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem;}
.preview .header_wrap .right_contents_con{margin-top:6px; overflow: hidden;}
.preview .header_wrap .menu_icon_con{margin-left: 0; padding-top: 3px;}
.preview .header_wrap .menu_icon{width:16px; height: 12px;}
.preview .header_wrap .menu_icon > span{position: absolute; width:100%; height:2px; background-color:#fff; top:0px; left:0px;}
.preview .header_wrap .menu_icon > span:before{content: ""; position: absolute; width: 100%; height: 100%; background-color: #fff; top: 5px; left: 0;}
.preview .header_wrap .menu_icon > span:after{content:""; position: absolute; width:100%; height:100%; background-color:#fff; top:10px; left:0;}
.preview_wrap{padding:30px 20px; background-repeat: no-repeat; background-position: center; background-size: auto;}
.preview_wrap .preview_con{top:50%; transform: translateY(-50%); text-align: left;}
/*.preview_wrap h2{font-size: 50px; font-size: 5.0rem; line-height: 56px; line-height: 5.6rem; color:#fff; margin-bottom: 7px;}*/
.preview_wrap h2{font-size: 57px; font-size: 5.7rem; line-height: 63px; line-height: 6.3rem; color:#fff; margin-bottom: 7px; transform: scale(0.8); transform-origin: left center; transition:transform 0.3s;}
.preview_wrap .h_desc2{font-size: 12px; font-size: 1.2rem; line-height: 19px; line-height: 1.9rem; color:#fff;}

.preview .footer_wrap{position: absolute; padding:30px 20px; bottom:0;}
.preview .footer_wrap .left_contents_con{float:left; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; color:#fff;}
.preview .footer_wrap .right_contents_con{float:right; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; color:#fff; transition:transform 0.3s;}

/*.preview.tablet .header_wrap{padding:30px 45px;}*/
.preview.tablet .gnb_wrap{display: inline-block;}
.preview.tablet .header_wrap .right_contents_con{margin-top: 2px;}
.preview.tablet .header_wrap .menu_icon_con{padding-top: 7px;}

/*.preview.tablet .preview_wrap{padding:30px 45px;}*/
.preview.tablet .preview_wrap h2{transform: scale(0.9);}
.preview.tablet .preview_wrap .h_desc2{font-size: 15px; font-size: 1.5rem; line-height: 22px; line-height: 2.2rem;}

/*.preview.tablet .footer_wrap{padding:30px 45px;}*/

.preview.pc .gnb_wrap{display: inline-block; position: absolute; top:5px; left:50%; transform: translateX(-50%); margin-right: 0;}
.preview.pc .footer_wrap .right_contents_con{position: absolute; top:0px; left:50%; right:auto; transform: translateX(-50%); margin-right: 0;}

.preview.pc .preview_wrap h2{/*font-size: 57px; font-size: 5.7rem; line-height: 63px; line-height: 6.3rem; */transform: scale(1);}
.preview.pc .preview_wrap .h_desc2{font-size: 19px; font-size: 1.9rem; line-height: 26px; line-height: 2.6rem;}