/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-40690
* CODE : Dev - EV00018461 , Prod - EV00006171
* FILE : /kr/event/2023/08/14_gramf_new/eventMainGramfNew.jsp
* DESC : 2023 gramF 신모델 출시 기념 이벤트
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2023/07/17				신우용				Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
.mdevice {
	--width: 720;
}
.evt-func {
	position: relative;
}

.pop-conts.academy-pop .form-wrap .forms .conts .sn-number-wrap{
	margin-top:24px;
}

.tb_row table td.point-chk{
	font-size: 20px;
	font-weight:600;
    line-height: 1.5;
    text-decoration: underline;
}

@media screen and (max-width: 767px){
  .tb_row table td.point-chk {
      font-size: 16px;
  }
}

/* 바닥페이지 :: 시작 */
.evt-btn-area{
	bottom:0;
}

.evt-btn-area.event-join{
	margin-bottom: calc(77 / 1380 * 100%);
  padding-bottom: calc(140 / 1380 * 100%);
}

.evt-btn-area.event-join > div{
	flex-direction: column;
}

.evt-btn-area.event-join a {
	width: calc(250 / 1380 * 100%);
}

.mdevice .evt-btn-area.event-join{
	margin-bottom: calc(75 / var(--width) * 100%);
  padding-bottom: calc(190 / var(--width) * 100%);
}

.mdevice .evt-btn-area.event-join a{
	width: calc(600 / var(--width) * 100%);
}

.evt-btn-area.notebook-fold{
  margin-bottom: calc(100 / 1380 * 100%);
  padding-bottom: calc(65 / 1380 * 100%);
}

.evt-btn-area.notebook-fold a{
	width: calc(260 / 1380 * 100%);
}

.mdevice .evt-btn-area.notebook-fold{
	margin-bottom: calc(95 / var(--width) * 100%);
  padding-bottom: calc(95 / var(--width) * 100%);
}

.mdevice .evt-btn-area.notebook-fold a{
	width: calc(500 / var(--width) * 100%);
}

.evt-btn-area.evt-benefit{
	margin-bottom: calc(100 / 1380 * 100%);
 	padding-bottom: calc(65 / 1380 * 100%);
}

.evt-btn-area.evt-benefit a{
	width: calc(260 / 1380 * 100%);
}

.mdevice .evt-btn-area.evt-benefit{
	margin-bottom: calc(95 / var(--width) * 100%);
  	padding-bottom: calc(95 / var(--width) * 100%);
}

.mdevice .evt-btn-area.evt-benefit a{
	width: calc(500 / var(--width) * 100%);
}

.store-area{
  padding: calc(265 / 1380 * 100%) 0 calc(145 / 1380 * 100%) 0;
  background-color: #000;
  background-image: url('/kr/event/2023/08/14_gramf_new/images/img_05.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}

.store-content{
  display:flex;
  max-width: calc(1260 / 1380 * 100%);
  margin:0 auto;
  justify-content: space-between;
  align-items: center;
}

.store-content > *{
  margin: 0 calc(30 / 1380 * 100%)
}

.mdevice .store-area{
  padding: calc(265 / var(--width) * 100%) 0 0;
  background-image: url('/kr/event/2023/08/14_gramf_new/images/m_img_05.jpg');
}

.mdevice .store-content{
  display:block;
  max-width: 100%;
}

.mdevice .store-content > * {
  margin: 0;
}

/* 슬라이드 */
[class*="gramf-slider"]{
  padding:0 calc(30 / 1380 * 100%);
}
.gramf-slider-model{
  position:absolute;
  top: calc(490 / 1380 * 100%);
  left: 50%;
  width: calc(660 / 1380 * 100%);
  transform: translateX(-50%);
}

[class*="gramf-slider"] .swiper-button-next, [class*="gramf-slider"] .swiper-button-prev{
	width: 92px;
	height: 92px;
	background-image: url('/kr/event/2023/08/14_gramf_new/images/btn_slide.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
    margin-top: 0;
    transform: translateY(-50%);
}

@media screen and (max-width: 1480px){
	[class*="gramf-slider"] .swiper-button-next, [class*="gramf-slider"] .swiper-button-prev{
        width: 6.3vw;
		height: 6.3vw;
    }
}
                          
[class*="gramf-slider"] .swiper-button-prev{
	left: -1.2vw;
}
[class*="gramf-slider"] .swiper-button-next{
	right: -1.2vw;
	transform: translateY(-50%) rotate(180deg);
}

.gramf-slider-popup{
  position: relative;
  width: calc(604 / 1380 * 100%);
}

.gramf-slider-popup .swiper-button-next, .gramf-slider-popup .swiper-button-prev{
	background-image: url('/kr/event/2023/08/14_gramf_new/images/btn_slide2.png');
}

.mdevice [class*="gramf-slider"]{
  padding:0 calc(30 / var(--width) * 100%);
}

.mdevice .gramf-slider-model{
  top: 56.2vw;
  width: calc(660 / var(--width) * 100%);
}

.mdevice [class*="gramf-slider"] .swiper-button-next, .mdevice [class*="gramf-slider"] .swiper-button-prev{
	width: 12.8vw;
  height: 12.8vw;
}

.mdevice [class*="gramf-slider"] .swiper-button-prev{
	left: -2.2vw;
}
.mdevice [class*="gramf-slider"] .swiper-button-next{
	right: -2.2vw;
}

.mdevice .gramf-slider-popup{
  width: calc(660 / var(--width) * 100%);
  margin: 0 auto;
}