/*퍼포먼스 페이지 레이아웃*/ 

/*-- 해당 페이지(퍼포먼스 페이지)에서 보이지 않아야 하는 부분 --*/


.hasFloatingPerBody.eventDetailBody .floatBtn.floatGotoUp {
    display: block;
}
.notFloatingPerBody.eventDetailBody .floatBtn.floatGotoUp {
    display: none;
}

.fixedFloatingBtnGroup{
	z-index:3;
}

/* 기본 background */
.bg_gr{
	background-color:var(--gr100);
}

/*툴팁 해당페이지 보이게*/
.notPerfoEventBody.eventDetailBody .toolTipBtn{
	display:block;
}

.notPerfoEventBody .boxMargin.eventDetailConSection{
	margin-bottom:0;
}

/* 추천 이벤트 레이아웃 */
	/* 추천 이벤트 */
#hasFloating .eventRecommendGrid,
#notFloating .eventRecommendGrid{
	padding-top:100px;
}

/*툴팁삭제*/
/*툴팁보일때 위치 조절*/

.toolTipBox{
	word-break:keep-all;
}

.toolTipBox.toolTipBox_03{
	left: -70px;
}

/*공통DB 툴팁*/
.comdb .toolTipBox.toolTipBox_03{
	left: -92px;
}

#notFloating .comdb:not(.seldb) .conTabBtnBox .toolTipBox{
	width: 240px;
}

#notFloating .conTabBtnBox .toolTipBox{
    transition: 0.4s ease-in-out;
    position: absolute;
    top: 30px;
    left: unset;
    right: -6px;
    background: #fff;
    border: 1px solid var(--gr150, #DEE2E6);
    border-radius: 4px;
    padding: 12px;
    width: 140px;
    z-index: 2;
}

#notFloating .toolTipBox.toolTipBox::after{
	left: unset;
    right: 12px;
    rotate: 0deg;
    top: -8px;
}

.eventDetailBody .toolTipBtn {
	display: none;
}

/*채팅 버튼 삭제*/
.eventDetailBody .floatChatBtn{
	display: none;
}

/* 원래 CTA 버튼 삭제  */
.eventDetailBody .onlyMO.fixedBottomnaviSub {
	display: none;
}

/*fiexd 버튼 스타일*/
.eventFixed {
	position: fixed;
	bottom: 0;
	z-index: 7;
	left: calc(50% - 400px);
	width: 800px;
	padding: 40px 0;
	font-family: Pretendard;
	font-weight: 800;
	line-height: 100%;
	transition:0.4s;
	font-size: 2.6rem;
}

/*fiexd 버튼 모션*/
.eventFixed .wavy {
	display: inline-block;
	animation: waviy 1.7s infinite;
	animation-delay: calc(.1s * var(--i));
	letter-spacing: -0.2em;
}

@keyframes waviy { 0%, 40%, 100% {transform: translateY(0)} 20%{transform:translateY(-20%)}}


/*이벤트 내부 레이아웃*/
.eventCon {
	display: flex;
	justify-content: center;
	position: relative;
}

.eventCon> img.conImg {
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

/*유의사항*/
.eventCon_info {
	background-color: var(--gr700);
}

.ev_info_tit, .ev_info_txt {
	color: #fff;
}

.eventCon_info {
	padding-top: 60px;
	padding-bottom: 60px;
}

.eventCon_info ul li::before{
	position:absolute;
	content:' \002E';
	display:block;
	top:0;
	left:0;
}

.eventCon_info ul li{
	position:relative;
	padding-left:12px;
}


.eventCon_info ul>li.cap1{
	font-size:1rem;
	word-break:keep-all;
}

/*중간 유의사항*/
.con_event_info{
	width:100%;
    padding-right: 20px;
    padding-left: 20px;
    background:#f0efdf;
}
.con_event_info .eventLayoutWrap{
	margin: 0 auto;
    padding: 8px;
}

.con_event_info .ev_info_tit,.con_event_info .ev_info_txt {
    color: var(--gr400);
    word-break:keep-all;
    font-size:0.75rem;
    letter-spacing: -0.02rem;
    text-align:center;
    line-height:120%;
}

.con_event_info .ev_infoBox > ul {
    padding: 0 !important;
}

/*이벤트 팝업*/
.eventDetailBody .largePopup .popupBasic_head{
	justify-content: space-between !important;
}
/*DB창 하단으로 css 수정*/

.eventDetailBody #popDBFormPC {
	display: flex !important;
	background: var(--gr100) !important;
	height: unset !important;
}

.eventDetailBody #popDBFormPC {
	position: static !important;
}

.eventDetailBody #popDBFormPC .popupBasic {
	position: static !important;
	width: 780px;
	max-height: unset !important;
	min-height: unset !important;
	height: unset !important;
	transform: unset;
	z-index: unset;
}

/*DB창 닫기버튼 안보이게*/
.eventDetailBody .layerServiceClose {
	display: none;
}

.eventDetailBody #hasFloating .layerServiceClose{
	display : block;
}

/*DB창 상단 수정*/
.eventDetailBody .largePopup .popupBasic_head {
	justify-content: center;
}

/*DB창 상단 텍스트 크기 조절*/
.eventDetailBody .largePopup .popupBasic_head .hd5 {
	font-size: 1.4rem;
}

/*DB창 내부 padding 조절*/
.eventDetailBody .largePopup .popupInnerWrap {
	padding: 40px 100px;
}

/*유의사항 크기*/
.eventLayoutWrap {
	width: 780px;
}

/*하단 DB Box 변화할때 transition 삭제하여 반응형시 빠른 변화*/
#bottomDBBox{
	transition: none;
}

/*이벤트 페이지*/
.conTabBtn::before{
	display:none;
}

.event_main .recommendGrid .hashNotBreakBox{
	margin-bottom:0;
}

/*본부 교문 이벤트*/
.select_inputK{background:none; !important}
.eventKBody{
	.inputTxtArea{
		min-height: 40px;
	}
	.popupBasic_foot .btnSytle01{
		width:280px;
	}
	.breadCrumbleBox a{
		height:unset;
	}
	.inputBoxItem{
		display:block;
	}
	.fixedBottomWrap,.fixedFloatingBtnGroup{
		display:none !important;
	}
	
	.hasRadioUl{
		display:flex;
		gap:20px;
		flex-wrap: wrap;
	}
	.radioContainer > label{
		font-size:0.933rem;
		padding-left: 28px;
	}
	
	.chooseSubject input[type="checkbox"]{
		display:none;
	}
	.chooseSubject label{
		padding:8px;
		display: inline-block;
		cursor: pointer;
		font-size:0.875rem;
	}
	
	.chooseSubject span{
		padding:0;
	}
	
	.select_inputK_group{
		display:flex;
		justify-contnet:space-between;
	}
	
	.select_inputK {
	    color: var(--gr900);
	    font-size:1rem;
	    font-weight:600;
	    background:none;
	}
	.select_inputK:focus{
	    outline:none;
	    border:none;
	}
	.inputBoxItem input[type="radio"]:not(:checked){
		background:#fff;
		border:1px solid var(--gr200);
	}
}/*end of eventKBody css*/

/*미디어쿼리*/
@media only screen and (min-width: 1025px) {
	/*이벤트페이지 DB창*/
	.eventDetailBody #popDBFormPC {
		padding-top: 120px;
		padding-bottom:120px;
	}
}

@media only screen and (max-width: 1600px) and (min-width: 1281px) {
	/* pc css 1600~1281 사이즈 */

}

@media only screen and (max-width: 1280px) and (min-width: 1025px) {
	/* pc css 1025~1280 사이즈 */
	
	/*하단 버튼 정보 보이기*/
	.onlyMO.floatingEventDerail{
		display:block;
	}
}

/* mo, tab 분기점 */
@media only screen and (max-width: 1024px) {
	
	.con_event_info{
	padding-left:0;
	padding-right:0;
	}
		/*-- 플로팅 있다면 1024--*/
	.fixedFloatingBtnGroup{
	    bottom: 140px !important;	
	}
	.fixedFloatingBtnGroup.hidden {
        transform: translateY(240px) !important;
    }

	/*-- 플로팅 있다면 - 퍼포먼스아닌경우(버튼 O)1024--*/
	.notPerfoEventBody .fixedFloatingBtnGroup{
	    bottom: 80px !important;	
	}
	.notPerfoEventBody .fixedFloatingBtnGroup.hidden {
        transform: translateY(240px) !important;
    }
	
	/*DB창 버튼 사이즈*/
	#popDBFormPC .btn3 {
		font-size: 1rem;
	}
	#notFloating .conTabBtn.btn3 {
		font-size: 1rem;
		height:48px;
	}
	#notFloating .toolTipBtn{
		width:48px;
		height:48px;
	}
	/*이벤트 레이아웃 사이즈 tab 형태로 변경*/
	.eventLayoutWrap {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.eventDetailBody #popDBFormPC .popupBasic{
		width:100%;
		border-radius:0;
	}

	.eventLayoutWrap{
		width:100%;
	}
	
	/*이벤트 페이지 퍼포형*/
	#notFloating #bottomDBBox .layerService .popupBasic{
		width:100%;
		border-radius:0;
	}
	
	#registBtn{
		width:100%;
	}
	
	/*DB에 띄우는 줄 추가 */
	.event_main #bottomDBBox{
	border-top: 6px solid var(--gr100);
	}
	/*콘텐츠 내부 버튼 사이즈 조절 */
	.eventFixed {
		width: 100%;
		left: 0;
		padding: 30px 0;
		font-size: 2.2rem;
	}
	
	
	#notFloating #bottomDBBox{
		/*border-bottom: 6px solid var(--gr100);*/
	}

	#hasFloating .productDetailFixedBox.eventDetailFixedBox {
	    display: block !important;
	    z-index: 9;
	    padding: 8px 20px;
    	background: #fff;
	}
	#hasFloating .productDetailFixedWrap .btnSytle01{
		height:48px;
	}
	#hasFloating .onlyMO.floatingEventDerail,
	#hasFloating .productThumbTitTxt p.col_tit,
	#notFloating .productThumbTitTxt p.col_tit{
		display: none !important;
	}
	#hasFloating .listThumbPrice,
	#hasFloating .productThumbBtnBox,
	#hasFloating .productDetailFixedWrap .btnSytle01{
		width:100% !important;
	}
	#hasFloating .productDetailAboutBox{
		padding-top:0;
	}
	#hasFloating .productDetailFixedBox .listGridBox.listGridTxt{
		width:100%;
	}
	#hasFloating .toolTipBtn, #notFloating .toolTipBtn{
		height:50px;
	}
	#hasFloating .toolTipBox::after,#notFloating .toolTipBox::after{
		top:-8px;
	}
	#hasFloating .conTabBtn, #notFloating .conTabBtn{
		height:50px;
		font-size: 1rem;
	}
	#hasFloating .popupBasic_head .hd5,
	#notFloating .popupBasic_head .hd5{
		font-size: 1.25rem;
		font-weight:700;
	}
	.eventDetailBody .share_btn.hidden{
		transform: translateY(60px);
	}
	
	/*플로팅 없는 페이지 1024 툴팁 조절*/
	#notFloating .conTabBtnBox .toolTipBox{
	    position: relative;
	    top: unset;
	    left: unset;
	    right: unset;
	    transform: none;
	    width:100%;
	}
	#notFloating .toolTipBox.toolTipBox::after {
    	right: 7px;
	}
	#notFloating .comdb:not(.seldb) .conTabBtnBox .toolTipBox{
		width:100%;
	}
	
	/*교문이벤트 1024*/
	.eventKBody{
		#popDBFormPC{
				border-top:6px solid var(--gr100);
		}
		.popupBasic_foot .btnSytle01 {
	        width: 100%;
	    }
		.popupBasic_foot.popupBasic_foot.flxBox{
	        margin-bottom:60px !important;
	    }
	}
	
	
	.absoutEventDetailBox .share_btn{
		display:none;
	}
	.fixedBottomnavi.onlyMO{
		display:none;
	}
	
	.layoutWrap.viewArea{
		padding:0;
	}
	.popupBasic_foot .btnSytle01{
		width:100%;
	}
}

@media only screen and (max-width: 820px) {
	/*패딩조절*/
	.eventDetailBody .largePopup .popupInnerWrap {
		padding: 20px;
	}
		.eventDetailBody .popupBasic_foot.popupBasic_foot button.btnSytle01{
		width:100%;
	}

}

@media only screen and (max-width: 720px){
	/* 추천 이벤트 */
	#hasFloating .eventRecommendGrid,
	#notFloating .eventRecommendGrid{
		padding-top:60px;
	}
}
@media only screen and (max-width: 480px) {
	/*-- 플로팅 있다면 1024--*/
	.fixedFloatingBtnGroup{
	    bottom: 120px !important;	
	}
	.fixedFloatingBtnGroup.hidden {
        transform: translateY(200px) !important;
    }
	
	.eventFixed {
		padding:20px 0;
		font-size:1.5rem;
		letter-spacing:0;
		border-radius: 30px 30px 0 0;
	}
	
	.eventFixed .wavy{
	    letter-spacing: 0;
	}

}