/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;
	/* width: 1426px; */
	/* width: 454px; */
	/* max-width: fit-content; */
	width: 90%;
	user-select: none;

	touch-action: pan-y;
}

.slick-list
{
    position: relative;

    /* display: block; */
    display: flex;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    /* display: block; */
    display: inline-flex;
    justify-content: center;
    /* width: auto !important; */
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.modal-body__area .slick-slide
{
    display: none;
    float: left;
	width: 454px; /* ecrm-check */
    height: 100%;
    min-height: 1px;
    outline: none;
}

#chatbot_modal .slick-slide {
	max-width: 438px;
}
 
.slick-slide:not(:first-child) {
	margin-left: 32px;
} 

[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: inline-block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* slick-arrow */
.slick-arrow__prev,
.slick-arrow__next  {
	display:inline-block;
	position: absolute;
	top: 50%;
	padding: 10px;
	cursor: pointer;
	background: transparent;
	transform: translateY(-50%);
}

.slick-arrow__prev {
	left: -48px;
}

.slick-arrow__next {
	right: -48px;
}

.slick-arrow__prev:focus,
.slick-arrow__next:focus {
	outline: 2px solid var(--color-white);
}

/* slick modal - [수사관, 민원인]공지사항 슬라이드 모달  */
@media screen and (max-width: 1600px) {
	#show_police_notice_modal .modal-body__area {
		width: 100%;
	}
	
	.modal-body__area .slick-slider {
		max-width: 454px;
	}
	
	.modal-body__area .slick-slide {
		min-width: 454px;
	}
	
	/* .slick-track {
		display: flex !important;
		flex-wrap: nowrap;
		flex-shrink: 1;
	} */
}

@media screen and (max-width: 580px) {
	.modal-body__area .slick-slider{
		max-width: 370px;
	}
	
	.modal-body__area .slick-slide{
		min-width: 370px;
		width: 370px;
	}
	
	.slick-modal-box, #show_preview_modal .modal-content{
		max-height: 536px;
		min-height: auto;
	}
	
	.slick-modal-header, .modal-header__navy {
		overflow-y: auto;
		align-items: flex-start;
		max-height: 80px;
		min-height: 40px;
		padding: 14px 12px 14px 28px;
	}
	
	.modal-content .slick-modal-header .modal-title {
		line-height: 1.3;
	}
	
	.modal-body__content {
		height: 260px;
	}
	
	.modal-footer__area {
		padding-top: 22px;
	}
	
	/* report_step2 챗봇 */
	#chatbot_modal .modal-dialog {
		max-width: 460px;
		width: 100%;
		margin: 0 auto;
	}
	
	#chatbot_modal .slick-slide {
		width: 420px;
		max-width: 420px;
	}
	
	.slick-notice__wrap {
		padding: 22px 16px 20px;
	}
	
	.slick-notice__title {
		font-size: 15px;
	}
	
	.slick-notice__yellow-box {
		font-size: 17px;
	}
	
	.slick-notice__info > p > br {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.modal-body__area  .slick-slider {
		max-width: 280px;
	}
	
	.modal-body__area .slick-slide {
		min-width: 280px;
		width: 280px;
	}
	
	.modal-body__area .slick-arrow__prev {
		left: -38px;
	}
	
	.modal-body__area .slick-arrow__next {
		right: -38px;
	}
	
	/* report_step2 챗봇 */
	#chatbot_modal .modal-dialog {
		max-width: 400px;
	}
	
	#chatbot_modal .slick-slide {
		width: 368px;
		max-width: 368px;
	}
}

@media screen and (max-width: 420px) {
	/* report_step2 챗봇 */
	#chatbot_modal .modal-dialog {
		max-width: 340px;
	}
	
	#chatbot_modal .slick-slide {
		width: 308px;
		max-width: 308px;
	}
}

/* 
@media screen and (max-width: 420px) {
	.slick-slider {
		max-width: 280px;
	}
	
	.slick-slide {
		min-width: 280px;
		width: 280px;
	}
	
	.slick-arrow__prev {
		left: -38px;
	}
	
	.slick-arrow__next {
		right: -38px;
	}
} */

@media screen and (max-width: 360px) {
	.modal-body__area .slick-slider {
		max-width: 250px;
	}
	
	.modal-body__area .slick-slide {
		min-width: 250px;
		width: 250px;
	}
	
	.modal-body__area .slick-arrow__prev {
		left: -32px;
	}
	
	.modal-body__area .slick-arrow__next {
		right: -32px;
	}
	
	/* report_step2 챗봇 */
	#chatbot_modal .modal-dialog {
		max-width: 300px;
	}
	
	#chatbot_modal .slick-slide {
		width: 268px;
		max-width: 268px;
	}
}