/**
************************************************************************************
* CSR  : https://lgecom.atlassian.net/browse/CSR-13773
* CODE : Dev - EV00021941 , Prod - EV00009451
* FILE : /kr/event/2026/08/21_academy_buying/eventMainAcademyBuying.jsp
* DESC : 그램 신학기 페스타 사은품 신청 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2026/08/06				신우용				Created
************************************************************************************
**/

@charset 'UTF-8';

.event-article{
	display: flex;
    padding: var(--evt-size-40) var(--evt-size-20);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: var(--evt-size-40);
}

[class*="event-inner"]{
    display: flex;
  	width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.event-inner__radius {
	padding: var(--evt-size-32) var(--evt-size-24);
	background-color: #E3E0DC;
	border-radius: var(--evt-size-16);
    row-gap: var(--evt-size-20);
}

.event-text__wrap{
    display: flex;
  	width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: var(--evt-size-5);
}
.event-text__title{
    font-size: var(--evt-size-22);
    line-height: 1.4;
    font-weight: 700;
    color: #000;
    letter-spacing: -0.04em;
}
.event-text__sub{
    font-size: var(--evt-size-12);
    line-height: 1.4;
    font-weight: 500;
    color: #262626;
    letter-spacing: -0.04em;
}

.event-image__wrap{
    position: relative;
}

.btn-link-intel{
	position: absolute;
    bottom: 0;
    left: var(--evt-size-93);
    width: var(--evt-size-80);
    height: var(--evt-size-14);
    z-index: 1;
}

.event-btn__wrap{
	display: flex;
    width: 100%;
	flex: 1;
    column-gap: var(--evt-size-12);
}

.event-btn__wrap [class*="btn-evt-"]{
	display: flex;
	width: 100%;
	height: var(--evt-size-44);
	align-items: center;
	justify-content: center;
	border: var(--evt-size-1) solid #000;
	font-size: var(--evt-size-16);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.04em;
	border-radius: var(--evt-size-24);
}

.event-btn__wrap .btn-evt-join{
	background-color: #000;
	color: #fff;
}

.evt-acco-area.acco-text-type{
    margin-top: var(--evt-size-12);
}
.evt-acco-area.acco-text-type .evt-acco-head{
    text-align: center;
}
.evt-acco-area.acco-text-type .evt-acco-btn {
    font-size: var(--evt-size-13);
}

.evt-acco-area.acco-text-type .evt-acco-btn:after {
    width: var(--evt-size-12);
    height: var(--evt-size-12);
}

.evt-acco-area.acco-text-type .evt-acco-cont.unfolded {
    margin-top: var(--evt-size-16) !important;
    padding: var(--evt-size-20) var(--evt-size-16);
    border-radius: var(--evt-size-8);
    background-color: #F4F4F4;
}

.evt-acco-area.acco-text-type .evt-acco__wrap{
    text-align: left;
}
.evt-acco-area.acco-text-type .evt-acco__wrap + .evt-acco__wrap{
    margin-top: var(--evt-size-12);
}

.evt-acco-area.acco-text-type .evt-acco__title{
    margin-bottom: var(--evt-size-2);
    color: #111;
    font-size: var(--evt-size-13);
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.04em;
}
.evt-acco-area.acco-text-type .evt-acco__list{
    display: flex;
    flex-direction: column;
    row-gap: var(--evt-size-2);
}
.evt-acco-area.acco-text-type .evt-acco__list .evt-acco__item{
    position: relative;
    padding-left: var(--evt-size-12);
    color: var(--gray-g40);
    font-size: var(--evt-size-12);
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.04em;
  	word-break: keep-all;
}

.evt-acco-area.acco-text-type .evt-acco__list .evt-acco__item:before{
    content: '';
    position: absolute;
    top: var(--evt-size-7);
    left: var(--evt-size-3);
    width: var(--evt-size-2);
    height: var(--evt-size-2);
    background-color: #262626;
  	border-radius: 100px;
}

/* 참여팝업 */
.layer-gift-list{
    margin-top: 0;
}

.layer-pop .evt-acco-area {
    margin-top: 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 .pop-conts.academy-pop .form-wrap .forms .conts .evt-acco-area .sn-number-wrap {
    padding: 12px 24px;
}
.layer-pop .evt-acco-cont.unfolded:after {
    transform: rotate(180deg);
}

#eventJoinAcademyBuying .layer-gift-list li:nth-child(2){
	margin-top: 0;
}
#eventJoinAcademyBuying .layer-gift-list:has(.intel-type, .amd-type) li:nth-child(1),
#eventJoinAcademyBuying .layer-gift-list:not(.intel-type, .amd-type) li,
#eventJoinAcademyBuying .layer-gift-list.intel-type li:nth-child(1),
#eventJoinAcademyBuying .layer-gift-list.amd-type li:nth-child(1),
#eventJoinAcademyBuying .layer-gift-list.intel-type li:nth-child(5),
#eventJoinAcademyBuying .layer-gift-list.amd-type li:nth-child(4){
	display: none;
}
#eventJoinAcademyBuying .layer-gift-list:not(.intel-type, .amd-type) li:nth-child(1),
#eventJoinAcademyBuying .layer-gift-list.intel-type li:nth-child(4),
#eventJoinAcademyBuying .layer-gift-list.amd-type li:nth-child(5){
	display: block;
}

/* 참여내역 */
#eventConfirmAcademyBuying colgroup{
	display: none;
}
#eventConfirmAcademyBuying td{
	position: relative;
	display: block;
	border-left: 0;
	padding-left: 190px;
	text-align: left;
}
#eventConfirmAcademyBuying td:first-child{
	border-right: 0;
}
#eventConfirmAcademyBuying tr:first-child td:first-child{
	border-top: 1px solid #908f8f;
}
#eventConfirmAcademyBuying td:last-child{
	border-bottom: 1px solid #908f8f;
}
#eventConfirmAcademyBuying td:before{
	content:'모델명';
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 100%;
	align-items: center;
	justify-content: center;
	background-color: #f4f4f4;
	z-index: 1;
}
#eventConfirmAcademyBuying td:nth-child(2):before{
	content:'제조번호(S/N)';
}
#eventConfirmAcademyBuying td:nth-child(3):before{
	content:'참여일';
}
#eventConfirmAcademyBuying td:nth-child(4):before{
	content:'사은품';
}
#eventConfirmAcademyBuying td:nth-child(5):before{
	content:'수령 정보';
}
#eventConfirmAcademyBuying .buyer-info-list{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	row-gap: 4px;
}
#eventConfirmAcademyBuying .buyer-info-list .buyer-address .zip-code{
	font-weight: 700;
}

@media screen and (max-width: 767px){
  	/* 참여팝업 */
  	.layer-pop .pop-conts.academy-pop .form-wrap .forms .conts .evt-acco-area .sn-number-wrap .tit{
        font-size: calc(14 / 390 * 100vw);
        line-height: 1.4;
    }

    .layer-pop .evt-acco-area {
        margin-top: calc(12 / 390 * 100vw);
    }
    .layer-pop .evt-acco-head {
        top: calc(6 / 390 * 100vw);
        height: calc(30 / 390 * 100vw);
        padding: 0 calc(12 / 390 * 100vw);
    }

    .layer-pop .evt-acco-cont:after {
        position: absolute;
        top: calc(6 / 390 * 100vw);
        right: calc(12 / 390 * 100vw);
        width: calc(32 / 390 * 100vw);
        height: calc(32 / 390 * 100vw);
    }
    .layer-pop .pop-conts.academy-pop .form-wrap .forms .conts .evt-acco-area .sn-number-wrap {
        padding: calc(12 / 390 * 100vw) calc(20 / 390 * 100vw);
    }
  
  	.layer-confirm-pop.popup-wrap .pop-conts{
    	height: calc(100% - 62px);
    	max-height: calc(100% - 62px);
    }
	/* 참여내역 */
	#eventConfirmAcademyBuying td{
		padding-left: calc(130 / 390 * 100vw);
	}
	#eventConfirmAcademyBuying td:before{
		width: calc(110 / 390 * 100vw);
		font-size: calc(13 / 390 * 100vw);
	}
}