/**
************************************************************************************
* CSR  : http://clm.lge.com/issue/browse/BTOCSITE-89465
* CODE : Dev - EV00020521 , Prod - EV00008212
* FILE : /kr/event/2025/03/17_whisen_care/eventMainWhisenCare.jsp
* DESC : 휘센 케어서비스 체험단 신청 이벤트-개발지원
* PROJ : lge.co.kr 5.0
************************************************************************************
*							Modification History
************************************************************************************
* DATE						AUTHOR				DESCRIPTION
************************************************************************************
* 2025/03/10				김미선				Created
************************************************************************************
**/

/* 이벤트 기본 설정 */
#eventJoinWhisenCare .input-info.careBox {
	position: relative;
	z-index: 10;
}
#eventJoinWhisenCare.popup-wrap .input-info {
	-webkit-transform: none; /* 셀렉트 흐림현상 방지 */
}
.form-wrap .forms .bullet-list~.btn.border.pink-round {
    margin-top: 10px;
}
.btn.border.pink-round {
    height: 32px;
    padding: 0 11px;
    color: #dc1d51;
    border-color: #dc1d51 !important;
    border-radius: 16px;
}
.model-serial-location{
	position:relative;
}
.model-serial-location .swiper-container{
	margin: 0px 60px;
}
.model-serial-location .swiper-button-prev{
    left: 0;
}
.model-serial-location .swiper-button-next{
    right: 0;
}
.model-serial-location .swiper-button-next:after, .model-serial-location .swiper-button-prev:after{
	display: none;
}

.model-serial-location .swiper-pagination{
	position: static;
	margin-top: 10px;
}

.model-serial-location .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	margin: 0 5px;
	background: #000;
	opacity: .2;
	border-radius: 50%;
}
.model-serial-location .swiper-pagination-bullet-active{
	opacity: 1;
}

@media screen and (max-width: 767px){
	.popup-wrap.whisenModelPop {
		left: 50% !important;
        top: 20% !important;
        transform: translateX(-50%) !important;
        width: 90%;
        height: 450px;
        max-width: none;
        border-radius: 15px;
	}
	.model-serial-location .swiper-container{
		margin: 0px 40px;
	}
	.model-serial-location .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
		margin: 0 3px;
	}
}