/* 슬라이더 k */
.slider-1 {
    height:100%;
}
@media (max-width: 730px) {
.slider-1 {
    height:95%;
	background-color: #eee;
}
}
.slider-1 .page-nav > div {
    width:10px;
    height:10px;
    margin:0 2px;
}
element.style {
    background-color: rgba(255, 255, 255, 0);
}


.slider-k {
    position:relative;
    user-select:none;
}

.slider-k .side-btns > div {
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    cursor:pointer;
}

.slider-k .side-btns > div:active > span {
    transform:translateY(-45%);
}

.slider-k .side-btns > div:last-child {
    left:auto;
    right:0;
}
.slider-k .side-btns > div > span {
    font-size:4rem;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:inherit;
    right:inherit;
    margin:0 10px;
    transition:transform 0.2s;
    color:white;
}
@media (max-width: 630px) {
.slider-k .side-btns > div > span {
    top:40%;
}
}
.slider-k .slides > div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    visibility:hidden;
    opacity:0;
    transition: opacity 0.5s, visibility 0.5s;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.slider-k .slides > div.active {
    visibility:visible;
    opacity:1;
}

.slider-k .page-nav {
    position:absolute;
    bottom:6%; /* 아이콘위치 */
    left:0;
    width:100%;
    text-align:center;
}
@media (max-width: 730px) {
.slider-k .page-nav {
    bottom:10%; /* 아이콘위치 */
}
}
.slider-k .page-nav > div { /* 슬라이더하단 원 아이콘크기 */
    display:inline-block;
    width:15px;
    height:15px;
    background-color:white;
    border-radius:50%;
    opacity:0.6;
    transition: opacity 1s;
    margin:0 3px;
    cursor:pointer;
}

.slider-k .page-nav > div:hover {
    opacity:0.7;
}

.slider-k .page-nav > div.active {
    opacity:1;
}
/* 슬라이더 k */

/* 슬라이더k -title */
.slider-k .slides .tit span {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
}
.slider-k .slides .tit span:nth-child(1) {
    white-space: nowrap;
    top: 34%;
    left: 50%;
    color: white;
    font-size: 3.8rem;
    font-weight: bold;
}
.slider-k .slides .tit span:nth-child(2) {
    white-space: nowrap;
    top: 40%;
    left: 50%;
    color: white;
    margin: 15px 0;
    font-size: 2rem;
}
.slider-k .slides .tit :nth-child(3) {
    top: 53%;
    left: 50%;
    width: 90%;
    color: white;
    font-size: 1rem;
    letter-spacing: 0.9px;
    text-align: center;
}
@media (max-width: 630px) {
    .slider-k .slides .tit span:nth-child(1) {
    white-space: nowrap;
    top: 34%;
    left: 50%;
    color: white;
    font-size: 2.8rem;
    font-weight: bold;
}
    .slider-k .slides .tit span:nth-child(2) {
    white-space: nowrap;
    top: 41%;
    left: 50%;
    color: white;
    margin: 15px 0;
    font-size: 1.7rem;
}
.slider-k .slides .tit :nth-child(3) {
    top: 63%;
    left: 50%;
    width: 90%;
    color: white;
    font-size: 0.8rem;
    letter-spacing: 0.7px;
    text-align: center;
}
}
/* 슬라이더k -title end */