@charset 'utf-8';

body{margin:0; padding:0;}
h3{font-family:'LGSmHaB'; font-size:54px;}
.blind {position: absolute; top: 0; left: -1000px; width: 0; height: 0; font-size: 0; line-height:0; }
.wrap{overflow:hidden;}
.bg-wrap{background:#f6f7f8;}
.inner{position:relative; max-width:1900px; margin:0 auto;}
.lock{overflow:hidden;}
.clear:after{content:''; display:block; clear:both;}
.mo{display:none;}

/* btn-style */
.btn{display:inline-block; height:50px; line-height:48px; border:1px solid transparent; border-radius:25px; color:#1a1a1a; text-align:center; box-sizing:border-box; transition:all .2s; cursor:pointer;}
.btn-default{background:#fff;}
.btn-default:hover,
.btn-default:focus{color:#1a1a1a; background:#eeedf0;}
.btn-primary{background:#a50034; color:#fff;}
.btn-primary:hover,
.btn-primary:focus{color:#fff; background:#750626;}
.btn-increase{width:44px; height:44px; border-radius:50%; text-indent:-9999px; overflow:hidden; border-color:#cdcdcd; outline:none; background:#fff; transition:all .2s;}
.btn-increase:hover,
.btn-increase:focus{border-color:#000; background:#000;}
.btn-increase:hover:before,
.btn-increase:hover:after,
.btn-increase:focus:before,
.btn-increase:focus:after{background:#fff;}
.btn-plus,
.btn-minus{position:relative;}
.btn-plus:before{position:absolute; top:20px; left:13px; width:16px; height:2px; content:''; background:#000; transition:all .2s;}
.btn-plus:after{position:absolute; top:20px; left:13px; width:16px; height:2px; content:''; background:#000; transform:rotate(90deg); transition:all .2s;}
.btn-minus:after{position:absolute; top:20px; left:13px; width:16px; height:2px; content:''; background:#000; transition:all .2s;}
.btn i{display:inline-block; height:47px; vertical-align:top; transition:all .2s;}
.btn .ico-360{width:42px; background:url(/global/business/virtual-showroom/images/common/ico_360.png) no-repeat 0 center;}
.btn .ico-demo{width:42px; background:url(/global/business/virtual-showroom/images/common/ico_demo.png) no-repeat 0 center;}
.btn .ico-next{width:25px; background:url(/global/business/virtual-showroom/images/common/ico_arr.png) no-repeat 0 center;}
.btn .ico-back{width:25px; background:url(/global/business/virtual-showroom/images/common/ico_back.png) no-repeat 0 center;}
.btn-back:hover .ico-back,
.btn-back:focus .ico-back{width:25px; background:url(/global/business/virtual-showroom/images/common/ico_back_hover.png) no-repeat 0 center;}

.btn .ico-again{width:23px; background:url(/global/business/virtual-showroom/images/common/ico_again.png) no-repeat 0 center;}
.btn-demo:hover .ico-demo,
.btn-demo:focus .ico-demo{background:url(/global/business/virtual-showroom/images/common/ico_demo.png) no-repeat 0 center;}
.btn .ico-down{width:37px; background:url(/global/business/virtual-showroom/images/common/ico_down.png) no-repeat 0 center;}
.btn-download:hover .ico-down,
.btn-download:focus .ico-down{background:url(/global/business/virtual-showroom/images/common/ico_down.png) no-repeat 0 center;}
.title-area .btn .ico-down{width:37px; background:url(/global/business/virtual-showroom/images/common/ico_down_over.png) no-repeat 0 center;}
.title-area .btn-download:hover .ico-down,
.title-area .btn-download:focus .ico-down{background:url(/global/business/virtual-showroom/images/common/ico_down.png) no-repeat 0 center;}

.visual .btn-learnmore{margin-left:6px; padding-left:60px; background:#fff url(/global/business/virtual-showroom/images/common/ico_learn_arr.png) no-repeat 18px center; text-align:left;}
.visual .btn-learnmore:hover,
.visual .btn-learnmore:focus{background:#eeedf0 url(/global/business/virtual-showroom/images/common/ico_learn_arr.png) no-repeat 18px center; color:#1a1a1a;}

.btn-vid-full{position:relative; width:270px; height:50px; line-height:46px; font-family:'LGSmHaSB'; font-size:16px; background:#fff; border:2px solid #1a1a1a; box-sizing:border-box; transition:all .2s;}
.btn-vid-full:hover,
.btn-vid-full:focus{background:#efeef0;}
.btn-vid-full:after{content:''; display:block; position:absolute; top:50%; left:29px; width:0; height:0; border:8px solid transparent; border-left:14px solid #000; transform:translateY(-50%); transition:all .2s;}
/* .btn-vid-full:hover:after,
.btn-vid-full:focus:after{border-left:14px solid #a50034;} */

/* fixed-btn */
.fixed-btn{position:fixed; right:-108px; bottom:30px; font-family:'LGSmHaSB'; z-index:100;}
.fixed-btn a{display:block; width:108px; height:88px; color:#fff; box-sizing:border-box; transition:all .2s;}
.fixed-btn a.fixed-btn-back{padding:52px 0 18px 15px; background: #e1e1e1 url(/global/business/virtual-showroom/images/common/ico_top.png) no-repeat 15px 23px; color:#1e1e1e; text-transform:uppercase;}
.fixed-btn a.fixed-btn-back:hover,
.fixed-btn a.fixed-btn-back:focus{background: #1a1a1a url(/global/business/virtual-showroom/images/common/ico_top_hover.png) no-repeat 15px 23px; color:#fff;}
.fixed-btn .fixed-btn-demo{padding:43px 0 13px 14px; margin-top:2px; background: #a50034 url(/global/business/virtual-showroom/images/common/ico_request_demo.png) no-repeat 13px 13px;}

.fixed-btn .fixed-btn-buy:hover,
.fixed-btn .fixed-btn-buy:focus{color:#fff; background:#cc0041 url(/global/business/virtual-showroom/images/common/ico_inquiry.png) no-repeat 13px 13px;}
.fixed-btn .fixed-btn-demo:hover,
.fixed-btn .fixed-btn-demo:focus{color:#fff; background:#cc0041 url(/global/business/virtual-showroom/images/common/ico_request_demo.png) no-repeat 13px 13px;}

.partner .btn-joinnow:hover,
.partner .btn-joinnow:focus {color:#fff; background:#cc0041 url(/global/business/virtual-showroom/images/common/ico_learn_arr_wh.png) no-repeat 85% 50%}

/* header */
.header{position:relative; height:94px; border-bottom:1px solid #d1d1d1;}
.header .inner{padding:0 50px;}
.header h1{position:absolute; top:28px; left:50px;}
.header h1 img{width:164px;}
.btn-nav{display:none;}
.main-menu{font-family:'LGSmHaSB'; font-size:20px; text-align:center;}
.main-menu ul{display:inline-block;}
.main-menu ul li{float:left; padding:0 2.1053vw;}
.main-menu ul li a{transition:all .2s}
.main-menu ul li:hover a{color:#a50034; border-bottom:2px solid #a50034;}
.main-menu li a{display:block; padding:35px 0 33px; box-sizing:border-box; border-bottom:2px solid transparent; transition:color .2s;}
.header .btn-area{position:absolute; top:25px; right:50px;}
.header .btn-area .btn{height:43px; line-height:41px;}
.header .btn-area .language{width:103px; background:#f4f4f4; color:#a6a6a6;}
.header .btn-area .language a.active{color:#1a1a1a; font-weight:bold;}
.header .btn-area .btn-buy{width:172px; font-size:16px; font-family:'LGSmHaB'; color:#fff;}
.headline{padding:100px 0 105px; text-align:center;}
.headline span{display:block; font-size:70px; font-family:'LGSmHaB'; position:relative; width:970px; margin:0 auto;}
.headline .win10_pro_logo{position:absolute; right:0; bottom:-35px; height:32px;}

/* footer */
.footer{font-family:'LGSmHaSB'; font-size:14px; color:#999; background:#313131;}
.footer-inner{max-width:1410px; margin:0 auto; padding:63px 245px 80px;}
.footer .footer-logo{display:inline-block; margin-bottom:30px;}
.footer-tab{float:right; display:inline-block; margin-top:20px;}
.footer-tab li{position:relative; float:left; margin-left:46px; padding:1px 0;}
.footer-tab li+li:before{position:absolute; top:4px; left:-23px; content:''; display:inline-block; width:1px; height:10px; background:#6f6f6f;}
.footer-tab li a{ display:block; transition:all .2s;}
.footer-tab li a:hover{color:#fff;}
.footer-tab li:first-child{padding-left:21px; background:url(/global/business/virtual-showroom/images/common/ico_lg.png) no-repeat 0 0;}
.footer p{padding-top:26px; box-sizing:border-box;}
.footer .info-wrap{border-top:1px solid #656565;}
.footer .info{width:88%}


/* cookie */
.cookie-banner{position:relative; padding:15px 50px; font-size:15px; text-align:center; background:#eee;}
.cookie-banner a{position:relative; text-decoration:underline;}
.cookie-banner .eu{margin:0 20px 0 0;}
.cookie-banner .eu:after{position:absolute; top:3px; right:-12px; width:1px; height:12px; content:''; background:#1a1a1a;}
.cookie-banner .btn-close{position:absolute; top:12px; right:20px; width:20px; height:20px; overflow:hidden; padding:0; text-indent:-9999px; border:0; background:none;}
.cookie-banner .btn-close:before{position:absolute; top:10px; left:0; width:20px; height:1px; content:''; background:#000; transform:rotate(45deg);}
.cookie-banner .btn-close:after{position:absolute; top:10px; left:0; width:20px; height:1px; content:''; background:#000; transform:rotate(-45deg);}

@media screen and (max-width:1169px){

	/* .fixed-btn{display:none;} */
	.fixed-btn{bottom:0;}
	.fixed-btn a{position:relative; width:54px; height:38px; font-size:10px;}

	.fixed-btn a:after{position:absolute; top:22px; width:4px; height:4px; margin:0 0 0 4px; content:''; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
	/* .fixed-btn .fixed-btn-buy,
	.fixed-btn .fixed-btn-buy:hover, */
	.fixed-btn a.fixed-btn-back,
	.fixed-btn a.fixed-btn-back:hover{padding:15px 0 0 6px; background:#e1e1e1; color:#000; }
	.fixed-btn a.fixed-btn-back:after{top:18px; border-top:1px solid #000; border-right:1px solid #000;}
	.fixed-btn .fixed-btn-demo,
	.fixed-btn .fixed-btn-demo:hover{padding:6px; background:#a50034;}
	.fixed-btn .fixed-btn-demo{margin-top:1px;}
	
	.btn-default:hover, 
	/* .btn-default:focus{color:#1a1a1a; background:#fff;} */
	.btn-default:focus{color:#1a1a1a; background:#eeedf0;}
	.btn .ico-down{display:none;}
	
	.btn-vid-full:after{display:none;}

	/* header */
	.header{height:65px;}
	.header .inner{padding:0 27px;}
	.header h1{top:14px; left:27px;}
	.header h1 img{width:132px;}
	.btn-nav{position:absolute; top:22px; right:27px; display:block; padding:0; border:0; background:none; z-index:100;}
	.btn-nav:after{position:absolute; top:8px; left:0; width:100%; height:2px; content:''; background:#000; opacity:1; transition:all .2s;}
	.btn-nav span{display:block; width:23px; height:18px; overflow:hidden; text-indent:-9999px;}
	.btn-nav span:before{position:absolute; top:0; left:0; width:100%; height:2px; content:''; background:#000; transition:all .2s;}
	.btn-nav span:after{position:absolute; bottom:0; left:0; width:100%; height:2px; content:''; background:#000; transition:all .2s;}
	.btn-nav.active:after{opacity:0;}
	.btn-nav.active span:before{top:8px; transform:rotate(45deg);}
	.btn-nav.active span:after{bottom:8px; transform:rotate(-45deg);}

	.main-menu{position:fixed; top:66px; left:0; z-index:10; display:none; width:100%; height:calc(100% - 66px); box-sizing:border-box; padding:0 27px; background:#fff;}
	.main-menu ul{float:none; margin:0; width:100%;}
	.main-menu ul li{float:none; padding:0; font-size:18px; font-family:'LGSmHaB'; text-align:center; border-bottom:1px solid #d1d1d1;}
	.main-menu li a{display:block; padding:23px 0;}

	.header .btn-area{position:static; float:none; margin-top:30px; width:100%; text-align:center;}
	.header .btn-area .btn-buy{min-width:300px; font-size:15px;}

	.headline{padding:40px 0;}
	.headline span{width:auto;}
	.headline img{width:147px;}
	.headline span{font-size:32px;}

	/* footer */
	.footer-inner{padding:63px 27px 80px;}
	.footer-tab li{margin:0 0 0 25px;}
	.footer-tab li+li:before{top:4px; left:-12px;}
	
	/* win10 logo  */
 	.headline .win10_pro_logo{left:50%; transform:translateX(-50%);}
}

@media screen and (max-width:720px){
	.cookie-banner{padding:10px 40px 10px 15px; font-size:12px; text-align:left;}
	.cookie-banner .btn-close{top:10px; right:10px;}
	.headline .win10_pro_logo{width:auto; bottom:-32px;}
}
	
@media screen and (max-width:526px){
	/* footer */
	.footer{height:auto; font-size:13px;}
	.footer-inner{padding:23px 27px 25px;}
	.footer .footer-logo{display:none;}
	.footer-tab{float:none; margin:0 0 10px;}
	.footer-tab li{margin:0 40px 0 0;}
	.footer-tab li:last-child{margin:0;}
	.footer-tab li+li:before{left:-20px;}
	.footer p{padding-top:10px; font-size:10px;}
}
.none {display:none;}

/* sns share key css 0927 st */
.snsOpenBtn{background:none; border:none;}
.snsWrap{text-align:right; margin-bottom:130px; position:relative;}
.snsShareImg{width:27px; height:27px;}
.snsPop.hidden{display:none;}
.snsPop{display:block; text-align:left; position:absolute; font-size:18px; border-radius:15px; border:2px solid #e4e4e4; padding:20px 30px; right:50px;top:0;}
.snsPop p{margin-bottom:20px;}
.snsPop .snsIcon{margin-right:6px; width:26px; height:26px; display:block;}
.snsPop .snsIcon img{width:26px; height:26px;}
.iconWrap{display:flex; align-items: center;}
@media screen and (max-width:1150px){
  .snsWrap{margin-top:20px;}
  .snsWrap.subpage {margin-top:0;}
}
@media screen and (max-width:400px){
  .snsPop{font-size:13px}
}

#contents{position:relative;}
.snsWrap.subpage{position:absolute; top:30px; margin-bottom:0; z-index:999; padding-right:20px; width:100%; max-width:1900px; left:50%; transform:translateX(-50%); }
.snsWrap.subpage .snsPop{position:absolute; z-index:999; background:#fff; right:60px;}
@media screen and (max-width:475px){
  .snsWrap.subpage{position:relative;}
  .snsWrap.subpage .snsPop{position:relative; font-size:13px; right:0; box-sizing:border-box; width:90%; margin:0 auto;}
}