@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:#fff; background:#1a1a1a;}
.btn-primary{background:#a50034; color:#fff;}
.btn-primary:hover,
.btn-primary:focus{color:#fff; background:#cc0041;}
.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:45px; background:url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_360.png) no-repeat 0 center;}
.btn .ico-demo{width:42px; background:url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_demo.png) no-repeat 0 center;}
.btn .ico-next{width:25px; background:url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_arr.png) no-repeat 0 center;}
.btn .ico-back{width:25px; background:url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_back.png) no-repeat 0 center;}
.btn-back:hover .ico-back,
.btn-back:focus .ico-back{width:25px; background:url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_back_hover.png) no-repeat 0 center;}

.btn .ico-again{width:23px; background:url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_again.png) no-repeat 0 center;}
.btn-demo:hover .ico-demo,
.btn-demo:focus .ico-demo{background:url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_demo_over.png) no-repeat 0 center;}
.btn .ico-down{width:37px; background:url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_down.png) no-repeat 0 center;}
.btn-download:hover .ico-down,
.btn-download:focus .ico-down{background:url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_down_over.png) no-repeat 0 center;}

.btn-learnmore{margin-left:6px; padding-right:50px; background:#fff url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_learn_arr.png) no-repeat 85% center; text-align:right;}
.btn-learnmore:hover,
.btn-learnmore:focus{background:#000 url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_learn_arr_wh.png) no-repeat 85% center;}

/* fixed-btn */
.fixed-btn{position:fixed; right:-108px; bottom:30px; z-index:100;}
.fixed-btn a{display:block; width:108px; color:#fff; box-sizing:border-box; transition:all .2s;}
.fixed-btn .fixed-btn-buy{padding:47px 0 8px 13px; background: #a50034 url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_inquiry.png) no-repeat 13px 13px;}
.fixed-btn .fixed-btn-demo{padding:45px 0 13px 14px; margin-top:2px; background: #a50034 url(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_request.png) no-repeat 13px 13px;}

.fixed-btn .fixed-btn-buy:hover,
.fixed-btn .fixed-btn-buy:focus{color:#fff; background:#cc0041 url(/content/dam/lge/hu/migration/business/digital-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(/content/dam/lge/hu/migration/business/digital-showroom/images/common/ico_request.png) no-repeat 13px 13px;;}


/* header */
.header{position:relative; height:94px; border-bottom:1px solid #d1d1d1;}
.header .inner{padding:0 50px;}
/*.header h1{float:left; margin-top:28px;}*/
.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{width:850px; margin:0 auto;}*/
.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;}
/* .main-menu li a.active{color:#a50034; border-bottom:2px solid #a50034;} */
/*.header .btn-area{float:right; margin-top:25px;}*/
.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:210px; font-size:13px; font-family:'LGSmHaB'; color:#fff;}
/* 210723 */
.headline{padding:100px 0 105px; text-align:center; position:relative;}
.headline span{display:block; font-size:70px; font-family:'LGSmHaB' ; position:relative; width:1178px; margin:0 auto; }
.headline .win10_pro_logo{position:absolute; right:0; bottom:-35px; width:170px; height:auto;}
/* 210723 */

/* 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(/content/dam/lge/hu/migration/business/digital-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 .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 .ico-down{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{/* top:auto; bottom:27px; left:0; */position:static; float:none; margin-top:30px; width:100%; text-align:center;}
	.header .btn-area .btn-buy{min-width:300px; font-size:15px;}
  /* 210723 */
	.headline{padding:40px 0;}
	.headline img{width:147px;}
	.headline span{font-size:32px; width:auto;}
  /* 210723 */
	.headline{padding:40px 0;}
	.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  */
  /* 210723 */
  .headline .win10_pro_logo{left:50%; transform:translateX(-50%);}
  /* 210723 */
}

@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;}
    /* 210723 */
    .headline .win10_pro_logo{width:135px; bottom:-20px;}
    /* 210723 */
}
	
@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;}

/* 쿠키 수정 */
#cookieAllPc .cookie_top .top_box:after, #cookieAllPc .cookie_top .top_box .accept_wrap:after, #cookieAllPc .cookie_bottom .bottom_box ol:after { content: " "; display: block; clear: both; }

#cookieAllPc { width:100%; height:auto; position:relative; z-index:500; overflow:hidden; display:none; background-color:#fff; border-bottom:1px solid #ccc; }

#cookieAllPc .change_wrap { width:100%; height:50px; background-color:#f4f4f4; text-align:center; position:absolute; top:0; z-index:1; overflow:hidden; }

#cookieAllPc #cookieChange { display:inline-block; position:relative; padding:0 40px 0 20px; line-height:50px; color:#646668; font-weight:700; }

#cookieAllPc #cookieChange:after { width:0; height:0; display:block; content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom-style:solid; border-bottom-width:8px; border-bottom-color:#646668; position:absolute; right:20px; top:22px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }

#cookieAllPc .cookie_top { box-sizing: border-box; max-width: 1396px; margin: 0 auto; padding:0 50px; position:relative; display:none; z-index:10; }

#cookieAllPc .cookie_top .top_box { display:table; padding:13px 0 15px; margin:0 auto; }

#cookieAllPc .cookie_top .top_box .full { display:table-cell; width:auto; vertical-align:middle; }

#cookieAllPc .cookie_top .top_box .full h1.cookie-title { line-height:28px; font-size:18px; }

#cookieAllPc .cookie_top .top_box .full p { float:left; font-size:14px; line-height:20px; color:#6b6b6b; font-weight:500; }

#cookieAllPc .cookie_top .top_box .full p .spacer { padding:0 5px; color:#767676; }

#cookieAllPc .cookie_top .top_box .full p a { text-decoration:underline; }

#cookieAllPc .cookie_top .top_box .full p a.link-carmine { color:#a50034; }

#cookieAllPc .cookie_top .top_box .full p #cookieOpenBtn { font-size:14px; text-decoration:underline;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0 none;
    font-weight: 300;
	line-height: 1;
	color: inherit;
	outline: none;
 }

#cookieAllPc button {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
}

#cookieAllPc .cookie_top .top_box .accept_wrap { float:right; padding:46px 0 12px 15px; display:table-cell; vertical-align:middle; }

#cookieAllPc .cookie_top .top_box .accept_wrap button { height:36px; float:left; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:16px; min-width:132px; width:100%; white-space:nowrap; font-weight:600; background-color:#a50034; padding:0 24px; color:#fff; transition:all .2s; }

#cookieAllPc .cookie_top .top_box .accept_wrap button#allAgreeBtn { margin:5px 0 0; }

#cookieAllPc .cookie_top .top_box .accept_wrap button:focus,
#cookieAllPc .cookie_top .top_box .accept_wrap button:hover { color:#fff; border-color:#cc0041; background:#cc0041; }

#cookieAllPc.cookie_open { display:block; }

#cookieAllPc.cookie_open .cookie_top,
#cookieAllPc.cookie_open .cookie_bottom { display:block; }

#cookieAllPc .cookie_bottom { width:100%; max-width: 1384px; margin: 0 auto; padding:0 50px 8px; background-color:#fff; position:absolute; z-index:10; display:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#cookieAllPc .cookie_bottom .bottom_box { margin:0 auto; position:relative; }

#cookieAllPc .cookie_bottom .bottom_box p { line-height:20px; font-size:16px; padding:25px 0; border-bottom:1px solid #d4d4d4; }

#cookieAllPc .cookie_bottom .bottom_box ol { display: table; padding:30px 0 0;  border-top:1px solid #d7d7d7; }

#cookieAllPc .cookie_bottom .bottom_box li { display: table-cell; width:426px; padding:0 20px 0 34px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-left:1px solid #d9d9d9; }

#cookieAllPc .cookie_bottom .bottom_box li:first-child { padding:0 20px 0 10px; border:0; }

#cookieAllPc .cookie_bottom .bottom_box dl { position:relative; }

#cookieAllPc .cookie_bottom .bottom_box dl dt { margin-right: 50px; padding: 2px 0 0 0; font-size:16px; line-height: 18px; font-weight:600; display:table; }

#cookieAllPc .cookie_bottom .bottom_box dl dt span { display:table-cell; vertical-align:middle; font-size:18px; color:black; }

#cookieAllPc .cookie_bottom .bottom_box dl dd { padding:15px 0 0; font-size:14px; line-height:20px; color:#6b6b6b; font-weight:500; }

#cookieAllPc .cookie_bottom .bottom_box .check_wrap { position:absolute; top:0; right:0; }

#cookieAllPc .cookie_bottom .bottom_box .check_wrap input[type=checkbox] { position:absolute; left:-9999px; }

#cookieAllPc .cookie_bottom .bottom_box .check_wrap input[type=checkbox]:checked ~ label { background-color:#a50034; }

#cookieAllPc .cookie_bottom .bottom_box .check_wrap input[type=checkbox]:checked ~ label:after { -webkit-transform:translate(21px, 0); -moz-transform:translate(21px, 0); -ms-transform:translate(21px, 0); -o-transform:translate(21px, 0); transform:translate(21px, 0); }

#cookieAllPc .cookie_bottom .bottom_box .check_wrap label { width:40px; height:19px; display:block; text-indent:-9999px; background-color:#767676; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; -ms-transition:background-color 0.3s ease; }

#cookieAllPc .cookie_bottom .bottom_box .check_wrap label:after { width:15px; height:15px; display:block; content:""; position:absolute; left:2px; top:2px; background-color:#fff; -webkit-transition:transform 0.3s ease; -moz-transition:transform 0.3s ease; -o-transition:transform 0.3s ease; -ms-transition:transform 0.3s ease; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }

#cookieAllPc .cookie_bottom .bottom_box .check_wrap label:hover { background-color:#a50034; }

#cookieAllPc .cookie_bottom .bottom-text { padding:0; max-width:1396px; margin:0 auto; text-align:right; }

#cookieAllPc .cookie_bottom #cookieSave { background-color: transparent; color:#6b6b6b; line-height:20px; font-size:14px; font-weight:500; }

#cookieAllPc #cookieClose { width:40px; height:40px; position:absolute; top:35px;left:50%; background-color:#adaeaf; text-indent:-9999px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:background-color 0.2s ease; -moz-transition:background-color 0.2s ease; -o-transition:background-color 0.2s ease; -ms-transition:background-color 0.2s ease; margin:0 0 0 660px;}

#cookieAllPc #cookieClose:before, #cookieAllPc #cookieClose:after { width:1px; height:19px; display:block; content:""; position:absolute; top:11px; left:20px; background-color:#fff; }

#cookieAllPc #cookieClose:after { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }

#cookieAllPc #cookieClose:hover { background-color:#a50034; }

#wrap {position:relative; }


@media (max-width: 767px) {
	#cookieAllPc .cookie_top {padding: 0 24px;}
	#cookieAllPc .cookie_top .top_box {padding: 0;}
	#cookieAllPc .cookie_top .top_box .full {display: table; padding: 16px 0 12px;}
	#cookieAllPc .cookie_top .top_box .full p {padding-top: 11px;}
	#cookieAllPc .cookie_top .top_box .accept_wrap {float: none; display: block; padding: 0 0 30px;}
	#cookieAllPc .cookie_bottom {padding: 0 24px 8px; border-bottom: 1px solid #d7d7d7; background-color: #f1f1f1; border-top: 1px solid #aeaeae;}
	#cookieAllPc .cookie_bottom .bottom_box ol {display: block; padding-top: 6px; border-top: none;}
	#cookieAllPc .cookie_bottom .bottom_box li {display: block; width: 100%; padding: 17px 0 14px; border-left: none; border-top: 1px solid #d7d7d7;}
	#cookieAllPc .cookie_bottom .bottom_box li:first-child {padding: 13px 0 14px;}
	#cookieAllPc .cookie_bottom .bottom_box dl dt {margin-right: 60px;}
	#cookieAllPc .cookie_bottom #cookieSave {width: 100%;}
}