/*푸터상단공백*/
.footer--visible {
    margin-top:200px;
}

.ui.grid > .column:not(.row) {
    padding-top:0rem;
    padding-boootm:0rem;
}
.ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .row > .column, .ui.stackable.grid > .column:not(.row), .ui.grid > .stackable.stackable.row > .column {
    padding:0rem;
}
.ui.grid {
    margin-top:0rem;
}
._msg {
    width:100%;
    padding-right:30px;
}

.uk-modal-page {
    overflow: inherit;
}

/*헤더 위치*/
.header__content {
    /* top:15px; */
}

.modal-header {
    background: #337ab7;
}

.modal-content button {
    background: #337ab7;
    color: white;
}

.modal-content .modal-title {
    color: white;
}

.text-cont .sub {
    font-size: 24px;
    padding-top: 0px;
}

#navbar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.uk-position-cover {
    border-radius: 5px;
}


.uk-navbar-nav > li > a {
    min-height: 30px;
}

/* modal header semantic -> uikir first*/
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
    margin-top: 0px;
}

.uk-modal-header {
    background: steelblue;
}

.uk-modal-title {
    color: white;
}

.uk-close {
    color: white;
}

.uk-navbar-nav.after_login span {
    font-weight: bold;
    color: steelblue;
}

.after_login {
    position: absolute;
    right: 90px;
    top: 10px;
}


.uk-modal {
    padding-top: 100px;
}


#loginModal input, #agentCheckModal input, #registModal input, #registModal select {
    /* width: 90%; */
}

.SeoPage-content {
    color: lightgray;
}

.PaymentIconsContainer {
    cursor: default;
}

.MainMenu-ActionsContainer button {
    margin-top: 15px;
}

.MainMenu-ActionsContainer button.btn-games{
    margin-top:0px;
}

.MainMenu-Left {
    position: absolute;
    width:300px;
    margin:0 50%;
    right:170px;
}

.MainMenu-Right {
    position: absolute;
    width:400px;
    margin:0 50%;
}

.MainMenu-Left i, .MainMenu-Right i {
    padding-left:15px;
    margin-bottom:6px;
}
.btn-secondary {
    background-color:transparent;
}


#loginModal, #agentCheckModal, #registModal {
    z-index:9999;
}

/* 레이어 헤더색상 변경 steelblue => */
.uk-modal-header, .SLB_caption {
    background: linear-gradient(to right, #346091, #192d42);
}

/* 사이드바 로고 숨김*/
.MainMenu-home {
    display:none;
}

/* 게임리스트 아래로 떨어지게*/
#slots, #casinos.swiper__items{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 1rem;
}
#casinos .game-item__image-wrapper{border: 1px solid #444;}
@media screen and (max-width: 1100px) {
	#slots, #casinos.swiper__items {
	    grid-template-columns: repeat(5, 1fr);
	}
}

@media screen and (max-width: 800px) {
	#slots, #casinos.swiper__items {
	    grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width: 600px) {
	#slots, #casinos.swiper__items {
	    padding: 0 0.5rem;
	    grid-template-columns: repeat(3, 1fr);
	    grid-gap: 0.5rem;
	}
}
.swiper__items {
    flex-wrap: wrap;
    /* padding-left:13px; */
}
.game-item__image-wrapper {
    border-radius: 0px;
}
.game-item__image {
    border-radius: 0px;
}


html.app__layout--desktop .casino-slots-section-swiper {
    margin: 0 0 30px;
}

/*게임리스트 너비 8개로 맞춤*/
html.app__layout--desktop .casino-slots-section-swiper__slide-game {
    /* width: calc(12.3% - 14px); */
}

/*메인배너 텍스트 색상*/
html.app__layout--desktop .headline-bn__text {
    color:lightgray;
}


html.app__layout--desktop .casino-slots-headline-banner__pagination {
    margin-bottom: 20px;
}

/*PC 상단메뉴*/
.header-bar__menu.horizontal-navigation {
    padding-left:100px;
}

.horizontal-navigation-button {
    width:110px;
}

.horizontal-navigation-button {
    font-size:1rem;
    background:transparent;
}

/*상단헤더색상*/
html.app__layout--desktop .header__content {
    background:#192d42 ;
}

/*Slots, Casino 제목 희게*/
html.app__layout--desktop .casino-slots-section-header__title {
    color:white;
    margin:0 auto;
    margin-top:100px;
    margin-bottom:30px;
}

.casino-slots-section-header {
    margin-top:70px;
}
html.app__layout--desktop .headline-bn__heading {
    text-shadow:1px 1px 5px black ;
    line-height:50px;
}
/*모바일사이드메뉴 가입 버튼 높이*/
.MainMenu-play {
    font-size:1rem;

}
.MainMenu-play a{
    padding:5px 40px;
    background:#192d42;
}
.MainMenu-item, .MainMenu-logout {
    font-size:16px;
}
.MainMenu-wrapper {
    top:40px;
}
.uk-offcanvas-bar {
    background:transparent;
}
#MainMenu {
    right:0px;
    background: linear-gradient(to bottom, #346091, #192d42);
}
/*<!--MOBILE-->*/
@media (max-width: 480px) {
    .after_login {
        display: none;
    }

    .uk-card {
        border-radius: 0px;
    }

    .uk-card img {
        border-radius: 0px;
    }
    .uk-card.uk-card-default, .uk-inline-clip {
        border-radius: 5px;
    }
    .uk-container {
        width:100%;
    }



    .game_title {
        font-size:0.7rem;
    }
    .uk-card-small .uk-card-header {
        padding:0px;
    }

    /*모바일 플레이버튼 크기/텍스트 크기 조정 */
    #playBtn {
        font-size:10px;
        width:80px;
        height:30px;
        padding:0px;
        line-height:30px;
    }

    /*모바일 리스트*/
    html.app__layout--desktop .casino-slots-section-swiper__slide-game {
        width: calc(30% - 10px);
    }

    /*상단메뉴*/
    .horizontal-navigation-button {
        padding:5px;
    }

    ._msg {
        height:30px;
    }

    /*모바일 상단헤더 메뉴우측 공백 없애기*/
    .header-bar__left {
        flex: none;
    }

    /*모바일 ~~님 없애기*/
    html.app__layout--desktop .header-login__button:first-child {
        display:none;
    }
    /*모바일 캐시,로그아웃 우측으로 정렬*/
    .header-registration {
        position: absolute;
        right: 10px;
    }

    .header-bar__menu.horizontal-navigation {
        padding-left:0px;
    }

    .horizontal-navigation-button {
        width:40px;
    }
    .horizontal-navigation-button {
        font-size:0.8rem;
    }

    /* 모바일 상단 우측 로그아웃버튼 */

    .header-registration__button {
        padding: 0 6px;
    }

    .button {
        min-width:30px;
    }

    /*Slots, Casino 제목 희게*/
    html.app__layout--desktop .casino-slots-section-header__title {
        margin-top:50px;
    }

    html.app__layout--desktop .headline-bn__heading {
        font-size:25px;
    }


    .uk-button {
        padding:0px;
    }



}
/*
<!--MOBILE-->*/