@charset 'utf-8';

.mo{display:none;}

.main-inner{max-width:1410px; width:100%; margin:0 auto;}
.headline{width:54.9%; margin:0 auto;}
.headline p{margin-top:40px; font-size:25px; letter-spacing:-0.015em; font-family:'LGSmHaSB';}

/* main-visual */
.main-visual{position:relative; left:50%; transform:translate(-50%);}
.main-visual .visual-wrap{position:relative;}
.main-visual .visual-wrap a{cursor:auto;}
.main-visual .visual-bg{float:left; background:#000;}
.main-visual .visual-bg a{display:block;}
.main-visual .m-txt{display:none;}

.visual-bg{position:relative; width:50%; color:#fff; transition:all .3s}
.visual-bg img{width:100%;}
.visual-bg .txt-basic{width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'LGSmHaSB'; font-size:54px; text-align:center; transition:opacity .2s;}
.visual-bg .visual-txt{line-height:1.1em;}
.visual-bg .read{display:block; margin:20px auto 0; width:200px; height:50px; line-height:50px; color:#000; background:#fff; font-size:16px; border-radius:25px;}
.visual-bg .txt-hover{position:absolute; top:0; left:0; height:100%; background:rgba(0,0,0,.7); text-align:center; opacity:0; transition:opacity .2s;}
.visual-bg .txt-hover p{width:75.2%; margin:52px auto 0; font-size:25px;}

.visual-bg:hover .txt-basic{opacity:0;}
.visual-bg:hover .txt-hover{opacity:1;}
.visual-bg .txt-hover .txt-area{position:relative; top:50%; transform:translateY(-50%); margin:0 auto; width:100%; color:#fff;}
.visual-bg .txt-hover .txt-area .visual-tit{font-family:'LGSmHaSB'; font-size:54px; line-height:54px;}

/* go-detail-page */
.detail-page-list{width:100%; margin:0 auto;}
.detail-page-list li{float:left; margin-right:0.709%; width:24.468%; height:520px; background:#f2f2f4; text-align:center;}
.detail-page-list li:last-child{margin-right:0;}
.detail-page-list li .detail-logo{display:block; margin:0 auto; padding:40px 0 15px; box-sizing:border-box;}
.detail-page-list li .btn-more{width:200px; height:50px; margin-top:25px; font-family:'LGSmHaSB'; transition:none}


.detail-page-list li:first-child{background:#f2f2f4 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/medical-display.png) no-repeat 0 100%; background-size:100% auto;}
.detail-page-list li:first-child.active{color:#b2b2b2; background:#313131 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/medical-display-hover.png) no-repeat 0 100%; background-size:100% auto;}
.detail-page-list li:nth-child(2){background:#f2f2f4 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/cloud-device.png) no-repeat 0 100%; background-size:100% auto;}
.detail-page-list li:nth-child(2).active{background:#f2f2f4 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/cloud-device-hover.png) no-repeat 0 100%; background-size:100% auto;}
.detail-page-list li:nth-child(3){background:#f2f2f4 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/probeam.png) no-repeat 0 100%; background-size:100% auto;}
.detail-page-list li:nth-child(3).active{color:#b2b2b2; background:#313131 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/probeam-hover.png) no-repeat 0 100%; background-size:100% auto;}
.detail-page-list li:last-child{background:#f2f2f4 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/monitors.png) no-repeat 0 100%; background-size:100% auto;}
.detail-page-list li:last-child.active{background:#f2f2f4 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/monitors-hover.png) no-repeat 0 100%; background-size:100% auto;}

.detail-page-list li .learn-wrap{margin-top:40px; padding-top:40px;}
.detail-page-list li:first-child .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/medical-logo.png) no-repeat 0 0; background-size:100% auto;}
.detail-page-list li:first-child.active .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/medical-logo-wh.png) no-repeat 0 0; background-size:100% auto;}
.detail-page-list li:nth-child(2) .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/cloud-logo.png) no-repeat 0 0; background-size:100% auto;}
.detail-page-list li:nth-child(3) .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/probeam-logo.png) no-repeat 0 0; background-size:100% auto;}
.detail-page-list li:nth-child(3).active .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/probeam-logo-wh.png) no-repeat 0 0; background-size:100% auto;}
.detail-page-list li:last-child .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/monitors-logo.png) no-repeat 0 0; background-size:100% auto;}

.detail-page-list .preview-img{padding:75px 0 0; width:100%;}
.detail-page-list .preview-img img{width:100%;}
.detail-page-list li{color:#4c4c4c;}
.detail-page-list p{height:70px; font-size:20px; line-height:1.2;}
.detail-page-list .learn-wrap{width:100%;}
.go-detail-page{margin-bottom:150px;}
.go-detail-page .txt{margin:0 auto; padding:120px 0 100px; width:804px; font-size:36px; font-family:'LGSmHaB'; color:#737373; text-align:center; letter-spacing:-0.01em;}
.go-detail-page .txt span{color:#000;}
.preview-m{display:none;}
.detail-page-list .coming-soon{display:block; margin-bottom:20px; font-size:25px; color:#000; font-family:'LGSmHaSB';}
.opa{opacity:0; cursor:auto;}

/* mobile */
@media screen and (max-width:1169px) {
	.pc{display:none;}
	.mo{display:block;}
	.main-inner{max-width:1169px 0;}
	.headline{width:82%;}
	.main-visual{width:100%;}
	.main-visual .visual-bg{float:none; width:100%;}
	.main-visual .m-txt{display:block; padding:20px 27px 37px; font-size:26px; color:#1a1a1a; text-align:center;}
	.visual-bg .txt-basic{display:none;}
	.visual-bg .txt-hover{width:100%; background:transparent; opacity:1; transition:none}
	.visual-bg .txt-hover .txt-area .visual-tit{font-size:35px; line-height:35px;}
	.visual-bg .txt-hover .txt-area p{font-size:15px; margin-top:20px;}
	.visual-bg:hover .visual-txt{opacity:0;}
	.visual-bg:hover .txt-hover{opacity:1;}
	
	/* go-detail-page */
	.go-detail-page .txt{width:74.74%; padding:33px 0 40px;}
	.detail-page-list{width:96%;}
	.detail-page-list li .detail-logo{width:80%;}
	.detail-page-list .preview-img{padding:48px 0 52px;}
	.detail-page-list p{font-size:13px;}
	.detail-page-list li .btn-more{width:160px;}
}

@media screen and (max-width:720px){
	.headline span{font-size:35px;}
	.headline p{font-size:17px; margin-top:20px;}
	.visual-bg .visual-txt{width:84%; font-size:35px; line-height:1.1em;}
	.main-visual .m-txt{font-size:13px;}

	/* go-detail-page */
	.go-detail-page{margin-bottom:50px;}
	.go-detail-page .txt{font-size:27px;}
	.detail-page-list{width:100%;}
	.detail-page-list li{position:relative; float:none; width:100%; height:170px; margin-bottom:10px; padding:0 27px; box-sizing:border-box;}
	.detail-page-list li .learn-wrap{position:absolute; top:50%; left:25px; float:left; margin-top:0; padding-top:26px; width:178px; text-align:left; transform:translateY(-50%);}
	.detail-page-list li .btn-more{margin-top:17px; width:160px; height:42px; line-height:42px; font-size:15px; background:#000; color:#fff;}
	.detail-page-list li .detail-logo{padding:20px 0 5px; width:100%;}
	.detail-page-list .cloud .detail-logo{margin-left:-12px}
	.detail-page-list .probeam .detail-logo{margin-left:-30px}
	.detail-page-list .preview-img{position:absolute; top:50%; transform:translateY(-50%); right:10%; padding:0; width:134px;}
	.detail-page-list p{height:auto; margin:0; text-align:left;}
	.preview-pc{display:none;}
	.preview-m{display:block; width:100%;}
	
	.detail-page-list .coming-soon{margin-top:10px;}
	
	.detail-page-list li:first-child{color:#b2b2b2; background:#313131 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/medical-display_m.png) no-repeat 93% 50%; background-size:134px auto;}
	.detail-page-list li:nth-child(2){background:#f2f2f4 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/cloud-device_m.png) no-repeat 92% 50%; background-size:137px auto;}
	.detail-page-list li:nth-child(3){color:#b2b2b2; background:#313131 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/probeam_m.png) no-repeat 100% 100%; background-size:134px auto;}
	.detail-page-list li:last-child{background:#f2f2f4 url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/monitors_m.png) no-repeat 97% 50%; background-size:154px auto;}
	
	.detail-page-list li:first-child .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/medical-logo-m.png) no-repeat 0 0; background-size:70% auto;}
	.detail-page-list li:nth-child(2) .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/cloud-logo-m.png) no-repeat 0 0; background-size:60% auto;}
	.detail-page-list li:nth-child(3) .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/probeam-logo-m.png) no-repeat 0 0; background-size:46% auto;}
	.detail-page-list li:last-child .learn-wrap{background: url(/content/dam/lge/hu/migration/business/digital-showroom/images/main/monitors-logo-m.png) no-repeat 0 0; background-size:86% auto;}
}

@media screen and (max-width:500px){
	.detail-page-list .preview-img{right:3.5%;}
}

@media screen and (max-width:330px){
	.detail-page-list .preview-img{right:2%;}
}


/* 210419 partner banner */
.go-detail-page .detail-info{margin:0 auto; padding-top: 60px;}
.go-detail-page .detail-info h4{margin:0 0 40px; font-family:'LGSmHaB'; font-size:30px; text-align:center; color:#000;}
.go-detail-page .detail-info > div{padding:0 170px; background:#eeeff0;}
.go-detail-page .detail-info dl{position:relative; padding:30px 0;}

.go-detail-page .detail-info dt{margin:0 0 8px; font-size:27px; font-family:'LGSmHaSB'; color:#1a1a1a;}
.go-detail-page .detail-info dd{font-size:18px; color:#666;}
.go-detail-page .detail-info p {font-size: 20px; width:70%;}

.go-detail-page .detail-info .btn-joinnow{position:absolute; top:50%; right:0; width:220px; height:50px; padding-right:25px; font-size:16px; background:#a50034 url(/content/dam/lge/hu/migration/global/business/virtual-showroom/images/common/ico_learn_arr_wh.png) no-repeat 85% 50%; color:#fff; box-sizing:border-box; transform:translateY(-50%);}
.go-detail-page .detail-info .btn-joinnow:hover{background:#cc0041 url(/content/dam/lge/hu/migration/global/business/virtual-showroom/images/common/ico_learn_arr_wh.png) no-repeat 85% 50%; color:#fff;}

@media screen and (max-width: 1169px) {
    .go-detail-page .detail-info dt {font-size: 23px;}
    
    .go-detail-page .detail-info{width:100%; height:auto; text-align:center; line-height:1; padding: 0; padding-top: 50px;}
	.go-detail-page .detail-info p{margin:40px 0 20px; width:100%}
	.go-detail-page .detail-info .btn-joinnow,
	.go-detail-page .detail-info .btn-joinnow:hover{float:none; margin:0 auto 50px; padding-left:0; width:100%; height:42px; line-height:42px; background:#cc0041; color:#fff; box-sizing:border-box;}
    .go-detail-page .detail-info > div{ padding:0; background:none; box-sizing:border-box; text-align:left; background:#f6f7f8;}
    .go-detail-page .detail-info dl {padding: 34px 20px 34px 20px;}
    .go-detail-page .detail-info p {margin: 5px 0 20px; font-size: 13px;}
    .go-detail-page .detail-info .btn-joinnow {
        position: static;
        margin: 0;
        font-size: 15px;
        transform: none;
        float: none;
        padding-left: 0;
        width: 100%;
        height: 42px;
        line-height: 42px;
        background: #a50034;
        color: #fff;
        box-sizing: border-box;
}
}

@media screen and (max-width: 720px) {
    
    .go-detail-page .detail-info dt { font-size: 18px; text-align: left;}
    .go-detail-page .detail-info p {font-size: 13px; text-align: left;}
    
    .go-detail-page .detail-info dl{padding:34px 20px 34px 20px; text-align:center;}
    
}


@media screen and (max-width:500px){
	.detail-page-list .preview-img{right:3.5%;}
}

@media screen and (max-width:330px){
	.detail-page-list .preview-img{right:2%;}
}

/* 210419 partner banner end*/