/**
************************************************************************************
* CSR      : http://clm.lge.com/issue/browse/BTOCSITE-72207
* CODE     : Dev - EV00019821 , Prod - EV00007661
* FILE     : /kr/event/2024/08/20_pc_AdobeTicket/eventMainPcAdobeTicket.jsp
* DESC     : PC구매 어도비 무료이용권 증정 이벤트
* PROJ     : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2024/08/01				신우용				Created
************************************************************************************
**/

/* 이벤트 상세 */
* {
	--width: 1380;
}
.evt-func {
	position: relative;
}
.popup-wrap .input-info {
    -webkit-transform: none !important;
}
/* 레이어 팝업 아코디언 */
.layer-pop .evt-acco-area{
	margin-top:24px;
}
.layer-pop .pop-conts.academy-pop .form-wrap .forms .conts .evt-acco-area .sn-number-wrap{
	padding:12px 24px;
}
.layer-pop .evt-acco-head{
	top: 12px;
    height: 27px;
    padding: 0 12px;
	z-index:1;
}
.layer-pop .evt-btn-area .evt-acco-btn{
	width:100%;
}
.layer-pop .evt-acco-cont{
	position: relative;
}
.layer-pop .evt-acco-cont:after{
	content:'';
	position: absolute;
	top: 10px;
	right: 16px;
	width: 32px;
	height: 32px;
	background: url(/lg5-common/images/icons/btn-down-16-black.svg) no-repeat 50% 50%;
	transition: all .3s;
}
.layer-pop .evt-acco-cont.unfolded:after{
	transform: rotate(180deg);
}

#confirmPopup .evt-hash-area, #confirmPopup .evt-hash-area > div{
	position: static;
}
#confirmPopup #conCouponNum{
	opacity: 0;
	position: absolute;
	z-index: -1;
	width: 1px;
	height: 1px;
	left: 0;
	top: 0;
	overflow: hidden;
}
#confirmPopup .btn-copy{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	background-image: url(/lg5-common/images/icons/icon-copy-20.svg);
	vertical-align: middle;
}

.evt-btn-area.join-group{
	bottom: 0;
	margin-bottom: calc(50 / var(--width)* 100%);
	padding-bottom: calc(140 / var(--width)* 100%);
}
.evt-btn-area.join-group > div{
	flex-direction: column;
}
.evt-btn-area.join-group a{
	width: calc(160 / var(--width)* 100%);
}

@media screen and (max-width: 767px){
    * {
		--width: 720;
	}
    .popup-wrap .input-info {
       -webkit-transform: translate3d(0,0,0) !important;
    }
	#confirmPopup colgroup, #confirmPopup thead{
		display: none;
	}
	#confirmPopup td{
		position:relative;
		display: block;
		border-left: 0;
		padding-left: 130px;
	}
	#confirmPopup td:first-child{
		border-top: 1px solid #d8d8d8;
		border-right: 0;
	}
	#confirmPopup td:before{
		content:'모델명';
		display: flex;
		position:absolute;
		top:0;
		left:0;
		width: 130px;
		height: 100%;
		align-items: center;
		justify-content: center;
		background-color: #f4f4f4;
		z-index:1;
	}
	#confirmPopup td:nth-child(2):before{
		content:'제조번호(S/N)';
	}
	#confirmPopup td:nth-child(3):before{
		content:'참여일';
	}
    #confirmPopup td:nth-child(4):before{
		content:'이용권 URL';
	}
	#confirmPopup .btn-copy {
	    width: 4.25vw;
	    height: 4.25vw;
	}
    
    .evt-btn-area.join-group{
		margin-bottom: calc(80 / var(--width)* 100%);
		padding-bottom: calc(230 / var(--width)* 100%);
	}
	.evt-btn-area.join-group a{
		width: calc(600 / var(--width)* 100%);
	}
}