<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-71451
* CODE : Dev - EV00019771 , Prod - EV00007622
* FILE : /kr/event/2024/08/12_lg_ambassador/eventMainLgAmbassador.jsp
* DESC : LG�꾩옄 �곕쾭�쒕뜑 紐⑥쭛 �대깽��
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/07/16				�좎슦��				Created
************************************************************************************
**/

/* �대깽�� 湲곕낯 �ㅼ젙 */
* {
	--width: 1380;
}
.evt-func {
	position: relative;
}
#eventJoinLgAmbassador .agree-list-notice{
	overflow: auto;
	height: 160px;
	padding: 25px;
	border: 1px solid #ddd;
	border-radius: 8px;
	color: #000;
}
#eventJoinLgAmbassador .h7_tit {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    text-decoration: underline;
}
#eventJoinLgAmbassador .form-wrap + .tit-wrap.type2{
	margin-top: 24px;
}
.forms button.btn.border.size-m {
    display: inline-block;
    min-width: 64px;
    padding: 3px 11px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 24px;
    border-color: #000 !important;
    background: transparent;
    color: #000;
    text-align: center;
    vertical-align: top;
    font-weight: 500;
    height: auto;
}
.forms button.btn.border.size-m {
    position: absolute;
    right: 27px;
    top: 8px;
}
#eventJoinLgAmbassador .ptUpload_all + .ptUpload_all{
	position: relative;
	margin-top: 10px;
}
#eventJoinLgAmbassador .ptUpload_all .btn-del{
    position: absolute;
    top: 50%;
    right: 26px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #616161;
    border-radius: 50%;
}
#eventJoinLgAmbassador .ptUpload_all .btn-del:after, #eventJoinLgAmbassador .ptUpload_all .btn-del:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    margin-left: -6px;
    margin-top: -1px;
    background: #fafafa;
}
#eventJoinLgAmbassador .ptUpload_all .btn-del:before {
    transform: rotate(45deg);
}
#eventJoinLgAmbassador .ptUpload_all .btn-del:after {
    transform: rotate(-45deg);
}
#eventJoinLgAmbassador .select-list-wrap&gt;ul&gt;li.last-type{
	display: flex;
	width: 100%;
    align-items: center;
}
#eventJoinLgAmbassador .select-list-wrap&gt;ul&gt;li.last-type &gt; *{
	width: 75%;
	margin-top: 0;
}
#eventJoinLgAmbassador .select-list-wrap&gt;ul&gt;li.last-type &gt; *:first-child{
	width: 25%;
}
#eventJoinLgAmbassador .input-wrap textarea{
	height: 110px;
}
#eventJoinLgAmbassador .input-wrap #conceptText{
	height: 60px;
}

/* 諛붾떏�섏씠吏� */
.tabs-wrap{
	position: sticky;
	top: 0;
	z-index: 10;
}
.tabs-wrap .tabs {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.tabs-wrap .tabs li{
	flex: 1;
	padding: 0;
	margin: 0;
}
.tabs-wrap .tabs li a{
	display: block;
	width:100%;
	height:100%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.tabs-wrap .tabs li:nth-child(1).on a{
	background-image:url(/kr/event/2024/08/12_lg_ambassador/images/tabs_pc_01_on.png);
}
.tabs-wrap .tabs li:nth-child(2).on a{
	background-image:url(/kr/event/2024/08/12_lg_ambassador/images/tabs_pc_02_on.png);
}

.main-rolling {
	position:absolute;
	left:41.086%;
	top:10.2%;
	width:23.550%;
	height:5.4%;
	overflow:hidden;
	font-size:0;
	z-index:1;
}
.main-rolling .swiper-container{
	width: 100%;
    height: 100%;
}
.amber-youtube{
	position:absolute;
	left: 50%;
	bottom: 0;
	width: 78.5%;
	height: 34.65%;
	transform: translateX(-50%);
}
.evt-youtube-area .btn-youtube-play {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.evt-youtube-area .btn-youtube-play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    background: url(/lg5-common/images/btn-play-80.svg) no-repeat 0 0;
    background-size: 100% 100%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.evt-youtube-area .btn-youtube-play.fadeOut {
    z-index: -1;
}
.evt-youtube-area .evt-youtube-player {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.evt-btn-area.amber-join {
    bottom: 0;
    margin-bottom: calc(692 / var(--width)* 100%);
    padding-bottom: calc(120 / var(--width)* 100%);
}
.evt-btn-area.amber-join a {
    width: calc(720 / var(--width)* 100%);
}

@media screen and (max-width: 767px){
    * {
		--width: 720;
	}
	#eventJoinLgAmbassador .h7_tit {
	    font-size: 16px;
	}
	#eventJoinLgAmbassador .input-wrap textarea{
        height: 130px;
    }
    #eventJoinLgAmbassador .input-wrap #conceptText{
        height: 80px;
    }
    #eventJoinLgAmbassador .pop-conts.academy-pop .input-info .btn.size-m{
    	top: 14px;
    	right: 0;
		width: 20px;
        height: 20px;
        padding: 0;
        min-width: auto;
        background: url(/lg5-common/images/icons/btn-more-20.svg) no-repeat center center;
		background-size: 100% auto;
	}
    #eventJoinLgAmbassador .pop-conts.academy-pop .input-info .btn.size-m span{
		font-size: 0;
	}
    #eventJoinLgAmbassador .ptUpload_all .btn-del{
		right: 0;
	}

	/* 諛붾떏�섏씠吏� */
    .tabs-wrap {
        top: 46px;
    }
  	.header.helloBar~.mobile-nav-wrap ~ #content .event-container .tabs-wrap {
		top: 88px;
	}
    .tabs-wrap .tabs li:nth-child(1).on a{
        background-image:url(/kr/event/2024/08/12_lg_ambassador/images/tabs_mo_01_on.png);
    }
    .tabs-wrap .tabs li:nth-child(2).on a{
        background-image:url(/kr/event/2024/08/12_lg_ambassador/images/tabs_mo_02_on.png);
    }
	.main-rolling{
		left: 38.194%; 
		top: 13.12%; 
		width: 30.556%; 
		height: 4.24%;
	}
	.amber-youtube {
		width: 90.1%;
        height: 33.4%;
	}
	.evt-youtube-area .btn-youtube-play:after {
        width: 40px;
        height: 40px;
    }
	.amber-rolling {
		left:29.583%;
		top:75.27%;
		width:35.278%;
		height:2.857%;
	}

	.evt-btn-area.amber-join {
        margin-bottom: calc(795 / var(--width)* 100%);
        padding-bottom: calc(80 / var(--width)* 100%);
    }
    .evt-btn-area.amber-join a {
        width: calc(460 / var(--width)* 100%);
    }
}</pre></body></html>