﻿/* .pop_slide .slick-list {border-bottom: 1px solid #ddd;} */
.wrap_pop_slide {position:fixed; background:rgba(0,0,0,0.5); top:0; left:0; width:100%; height:100%; z-index:9999999;}
.wrap_pop_slide > div {position:fixed; width: 500px; max-width: calc(100% - 40px); top:48%; left:50%;  transform:translate(-50%,-50%); }
.pop_slide { background-color: #171C22;}
.pop_no_img {padding: 4rem 3rem; min-height: 30rem; color: rgba(255,255,255,0.66); line-height: 1.5; font-size: 1.5rem; font-weight: 300;}
.slide-count {text-align: center; color: #aaa; margin-top: 2rem;}
.slide-count .current {color: #fff;}

/*

REGULAR SLIDE

*/
/* Arrows */
.wrap_pop_slide .slick-prev,
.wrap_pop_slide .slick-next
{
	opacity: 0;
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 5rem;
    height: 5rem;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.pop_slide:hover .slick-arrow {
	opacity: 1;
}
.wrap_pop_slide .slick-prev:hover,
.wrap_pop_slide .slick-prev:focus,
.wrap_pop_slide .slick-next:hover,
.wrap_pop_slide .slick-next:focus
{
    /* color: transparent;
    outline: none;
    background: transparent; */
}
.wrap_pop_slide .slick-prev:hover:before,
.wrap_pop_slide .slick-prev:focus:before,
.wrap_pop_slide .slick-next:hover:before,
.wrap_pop_slide .slick-next:focus:before
{
    /* opacity: 1; */
}
.pop_slide:hover .slick-prev.slick-disabled:before,
.pop_slide:hover .slick-next.slick-disabled:before
{
    opacity: .4;
}

.wrap_pop_slide .slick-prev:before,
.wrap_pop_slide .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: 1;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wrap_pop_slide .slick-prev
{
    /*left: -25px;*/
	left: 1rem;
	z-index:999;
	overflow:hidden;
	background-color: rgba(0,0,0,0.1);
}

.wrap_pop_slide .slick-prev:before
{
    content: '';
	width: 1.8rem; 
	height: 1.8rem;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	transform:rotate(-45deg);
	display:block;
	position: absolute;
    top: 1.6rem;
    left: 1.9rem;
}


.wrap_pop_slide .slick-next
{
	right: 1rem;
	z-index:999;
	overflow:hidden;
	background-color: rgba(0,0,0,0.1);
}

.wrap_pop_slide .slick-next:before
{
    content: '';
	width: 1.8rem; 
	height: 1.8rem;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform:rotate(-45deg);
	display:block;
	position: absolute;
    top: 1.6rem;
    right: 1.9rem;
}

/* Dots */
.wrap_pop_slide.slick-dotted.slick-slider
{
   
	margin:0;
}

.wrap_pop_slide .slick-dots
{
    position: absolute;
    bottom: -95px;
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
	z-index:999;

	display:none;
}
.wrap_pop_slide .slick-dots li
{
    position: relative;

    display: inline-block;

  
    margin: 0 8px;
    padding: 0;

    cursor: pointer;
}
.wrap_pop_slide .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 12px;
    height: 12px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.wrap_pop_slide .slick-dots li button:hover,
.wrap_pop_slide .slick-dots li button:focus
{
    outline: none;
}
.wrap_pop_slide .slick-dots li button:hover:before,
.wrap_pop_slide .slick-dots li button:focus:before
{
    opacity: 1;
}
.wrap_pop_slide .slick-dots li button:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 12px;
    height: 12px;

    content: '';
    text-align: center;
	border:2px solid #fff;
    opacity: 1;
	border-radius:100%;
	transition:all ease 0.1s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.wrap_pop_slide .slick-dots li.slick-active button {/* width:16px; height:16px; */}
.wrap_pop_slide .slick-dots li.slick-active button:before
{
    opacity: 1.0;
	margin-top:0;
	background:#fff;
}


.pop_slide_img {vertical-align: top;}
.pop_slide_img img {max-width:100%; display: initial !important;}


.wrap_pop_slide_footer {background-color: #171C22; display: flex; margin-top: -1px;}
.wrap_pop_slide_footer label {cursor: pointer; display: flex; align-items: center; justify-content: center; width: 50%; color: #fff; font-weight: 300;}
.wrap_pop_slide_footer label .txt {font-size: 1.5rem; color: #fff; font-weight: 300; display: inline-block; vertical-align: top; margin-left: 1rem;}
.wrap_pop_slide_footer label input {display: none;}
.wrap_pop_slide_footer label .chk {width: 2rem; height: 2rem; border: 1px solid #fff;}
.wrap_pop_slide_footer input[type='checkbox']:checked + .chk {background: url('/images/ico/chk-on.png') no-repeat center / auto 120%;}
.wrap_pop_slide_close {position: relative; font-size: 1.5rem; color: #fff; font-weight: 300; line-height: 4.6; width: 50%; text-align: center;}
.wrap_pop_slide_close::before {content: ''; position: absolute; top: 2.4rem; left: 0; width: 1px; height: 2rem; background-color: rgba(255,255,255,0.2);}

@media screen and (max-width:767px){
/* .wrap_pop_slide_footer label {float:left; }
.wrap_pop_slide_footer label input {float:left;}
.wrap_pop_slide_footer label span {float:left;} */

/* .wrap_pop_slide > div {width:80%;} */
.pop_slide {width: 100%;}
/* .wrap_pop_slide_footer label {margin:10px 0 10px 20px;} */
}