/* 카지노 검증 */
.main article .article-content .verified { margin: 10px 0; }
.main article .article-content .verified > h2 {
    background-color: #000; color: #fff;
    padding: 10px;
}
.main article .article-content .verified .verified-content:after {
    content: ''; display: block; clear: both;
}
.main article .article-content .verified .verified-content {
    padding: 10px;
    border-left:    1px solid #acacac;
    border-right:   1px solid #acacac;
    border-bottom:  1px solid #acacac;
}

.main article .article-content .verified .verified-content ul li {
    float: left; width: calc(50% - 10px); padding: 5px; margin: 0 0 10px 0;
}
.main article .article-content .verified .verified-content ul li:after {
    content: ''; display: block; clear: both;
}
.main article .article-content .verified .verified-content ul li a {
    display: block;
}
.main article .article-content .verified .verified-content ul li a:after {
    content: ''; display: block; clear: both;
}
.main article .article-content .verified .verified-content ul li a:hover .verified-info h2,
.main article .article-content .verified .verified-content ul li a:hover .verified-info h3 {
    color: #000;
}

.main article .article-content .verified .verified-content ul li a .verified-img {
    float: left; width: 50px; height: 50px; margin: 0 10px 0 0;
    border-radius: 3px; overflow: hidden;
}
.main article .article-content .verified .verified-content ul li a .verified-img img {
    width: 100%; height: 100%;
}
.main article .article-content .verified .verified-content ul li a .verified-info {
    float: left; width: calc(100% - 60px);
}
.main article .article-content .verified .verified-content ul li a .verified-info h2 {
    font-size: 14px; font-weight: 600; margin: 5px 0 0 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.main article .article-content .verified .verified-content ul li a .verified-info h3 {
    font-size: 14px; font-weight: 500; margin: 10px 0 0 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/*.main article .article-content .verified .verified-content ul li a img {
    position: relative; top: 4px;
    width: 15px; height: 15px; margin: 0 10px 0 0;
}*/



.main article .article-content .banner-container ul li {
    margin: 0 0 10px 0;
}
.main article .article-content .banner-container ul li a {
    display: block;
}
.main article .article-content .banner-container ul li a img {
    width: 100%; height: 100%;
}

@media screen and (max-width: 768px) {
    .main article .article-content .verified .verified-content ul li {
        float: none; width: calc(100% - 10px);
    }
    .main article .article-content .banner-container ul li {
        margin: 0 0 5px 0;
    }
}

/*
.main article .topbanner {
	margin: 35px 0 25px; padding: 5rem 1rem; position: relative;
	background: linear-gradient(to right, #0ea5e9, #a855f7);
	border-radius: 8px;
}

.main article .topbanner > img {
	height: 27rem; position: absolute; top: -20px; right: 1rem;
}

.main article .topbanner > .topbanner-info h2 { font-size: 32px; color: #fff; }
.main article .topbanner > .topbanner-info h3 { font-size: 50px; color: #fff; font-weight: 600; margin: 10px 0 30px; }
.main article .topbanner > .topbanner-info h4 { font-size: 22px; color: #e5e7eb; margin: 10px 0; }

@media screen and (max-width: 1090px) {
	.main article .topbanner {
		padding: 1rem;
	}
	.main article .topbanner > img {
		position: static; width: 100%; height: auto;
	}
}
@media screen and (max-width: 490px) {
	.main article .topbanner > .topbanner-info h2 { font-size: 18px; }
	.main article .topbanner > .topbanner-info h3 { font-size: 30px; }
	.main article .topbanner > .topbanner-info h4 { font-size: 14px; }
}


.container > article > .quick-menu {
    margin: 40px 0 30px;
}
.container > article > .quick-menu:after {
    content: ''; display: block; clear: both;
}
.container > article > .quick-menu > .quick-group {
    display: block; float: left; width: calc(33.3333% - 52px);
    margin: 0 10px 0 0; padding: 20px;
    border: 1px solid #e5e7eb; border-radius: 8px;

    -webkit-transition: all .2s ease-out;
    -moz-transition:    all .2s ease-out;
    -o-transition:      all .2s ease-out;
    transition:         all .2s ease-out;
}
.container > article > .quick-menu > .quick-group:hover {
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, .15);
    -moz-box-shadow:    0px 5px 10px rgba(0, 0, 0, .15);
    -ms-box-shadow:     0px 5px 10px rgba(0, 0, 0, .15);
    -o-box-shadow:      0px 5px 10px rgba(0, 0, 0, .15);
    box-shadow:         0px 5px 10px rgba(0, 0, 0, .15);
}
.container > article > .quick-menu > .quick-group:last-child {
    width: calc(33.3333% - 42px); margin: 0;
}
.container > article > .quick-menu > .quick-group:after {
    content: ''; display: block; clear: both;
}
.container > article > .quick-menu > .quick-group .quick-icon {
    float: left; width: 40px; margin: 10px 15px 0 0;
}
.container > article > .quick-menu > .quick-group .quick-icon i {
    font-size: 33px; color: var(--point-main);
}
.container > article > .quick-menu > .quick-group .quick-info {
    float: left; width: calc(100% - 55px);
}

.container > article > .quick-menu > .quick-group:nth-of-type(1) h2 {
    background: linear-gradient(to right, #8f35ea, #2762eb);
}
.container > article > .quick-menu > .quick-group:nth-of-type(2) h2 {
    background: linear-gradient(to right, #16a85e, #8f35ea);
}
.container > article > .quick-menu > .quick-group:nth-of-type(3) h2 {
    background: linear-gradient(to right, #ec4992, #8f35ea);
}

.container > article > .quick-menu > .quick-group .quick-info h2 {
    font-size: 18px; font-weight: 600; margin-bottom: 15px;
    
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.container > article > .quick-menu > .quick-group .quick-info h3 {
    font-size: 16px;
}
@media screen and (max-width: 800px) {
    .container > article > .quick-menu > .quick-group {
        width: calc(100% - 42px); margin: 0 0 10px 0;
    }
    .container > article > .quick-menu > .quick-group:last-child {
        width: calc(100% - 42px); margin: 0;
    }
}



.container > article > .preview-books {
	margin: 50px 0;
}
.container > article > .preview-books > h2 {
	margin-bottom: 20px;
	font-size: 20px; font-weight: 600 !important;
}
.container > article > .preview-books > h2 span {
	margin-left: 5px; cursor: pointer;
	font-size: 14px; font-weight: 600; color: var(--point-main);
}
.container > article > .preview-books > h2 span i {
	position: relative; top: 2px;
	font-size: 18px; color: var(--point-main);
}


.preview-books {
    overflow: hidden; height: 375px;
}
.swiper {
    width: 100%; height: 100%; overflow: visible;
}
.swiper-slide {
    height: 305px !important; cursor: pointer;
    text-align: center; font-size: 18px;
    background: #fff;
    position: relative; overflow: hidden;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    position: absolute; top: 0; left: 0;
    display: block; width: 100%; height: 100%;
    object-fit: cover;

    -webkit-transform:  scale(1, 1);
    -moz-transform:     scale(1, 1);
    -ms-transform:      scale(1, 1);
    -o-transform:       scale(1, 1);
    transform:          scale(1, 1);

    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.swiper-slide:hover img {
    -webkit-transform:  scale(1.15, 1.15);
    -moz-transform:     scale(1.15, 1.15);
    -ms-transform:      scale(1.15, 1.15);
    -o-transform:       scale(1.15, 1.15);
    transform:          scale(1.15, 1.15);
}

.swiper-slide .slide-info {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 22px 5px;
    color: #fff; text-align: left;
    background-color: rgba(0, 0, 0, .35);
}
.swiper-slide .slide-info .slide-target {
    position: absolute; bottom: 15px; right: 10px;
    width: 30px; height: 30px;
    line-height: 30px; text-align: center; font-size: 14px;
    border-radius: 50%; color: #fff; background-color: #dc3545;
}

.swiper-pagination-bullet {
    width: 10px; height: 10px; border-radius: 10px;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px; height: 10px; margin: 10px 0;
    background-color: var(--point-main);
}

.swiper-button-next, .swiper-button-prev {
    width: 30px; height: 30px; position: absolute;
    color: var(--point-main); border: 2px solid var(--point-main);
    border-radius: 50%;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    color: var(--point-main);
}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {
    color: var(--point-main);
}

.swiper-button-next {
    top: -18px; right: 0;
}
.swiper-button-prev {
    top: -18px; left: calc(100% - 73px);
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 15px; font-weight: 800; color: var(--point-main);
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: none; top: 320px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}


.container.board {
	padding: 45px 0; background-color: #f8fafc;
}
.container.board .preview-board {
	width: 1280px; margin: 0 auto;
}
.container.board .preview-board:after {
	content: ''; display: block; clear: both;
}
.container.board .preview-board > div > h2 {
	font-size: 18px; font-weight: 600;
	margin: 0 0 15px; position: relative;
}
.container.board .preview-board > div > h2 a {
    position: absolute; top: -10px; right: -10px;
    padding: 10px;
}
.container.board .preview-board .board-notice {
	float: left; width: calc(50% - 20px); margin: 0 20px 0 0;
}
.container.board .preview-board .board-faq {
	float: left; width: calc(50% - 20px); margin: 0 0 0 20px;
}
.container.board .preview-board > div > a:after {
	content: ''; display: block; clear: both;
}
.container.board .preview-board > div > a {
	display: block; padding: 10px 0;
	border-bottom: 1px solid #e5e7eb;
}
.container.board .preview-board > div > a:hover {
	background-color: #f3f4f6;
}
.container.board .preview-board > div > a > span:nth-of-type(1) { float: left; }
.container.board .preview-board > div > a > span:nth-of-type(2) { float: right; }


@media screen and (max-width: 1280px) {
    .container.board .preview-board {
        width: calc(100% - 20px); padding: 0 10px;
    }
}

@media screen and (max-width: 1024px) {
	.container.board { padding: 25px 0; }
    .container.board .preview-board .board-notice,
    .container.board .preview-board .board-faq {
        float: none; width: 100%; margin: 20px 0 0 0;
    }
    .container.board .preview-board .board-notice {
    	margin: 20px 0 40px;
    }
}


#books-detail {
    position: fixed; bottom: -100%; left: 0; right: 0;
    width: 100%; z-index: 11;
    background-color: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter:blur(50px);
    backdrop-filter:        blur(50px);

    -webkit-transition: all .4s ease-in-out;
    -moz-transition:    all .4s ease-in-out;
    -ms-transition:     all .4s ease-in-out;
    -o-transition:      all .4s ease-in-out;
    transition:         all .4s ease-in-out;
}
#books-detail.active {
    bottom: 0;
}
#books-detail * {
    color: #fff;
}


#books-detail .books-detail-container:after {
    content: ''; display: block; clear: both;
}
#books-detail .books-detail-container {
    display: block; width: 540px; margin: 50px auto;
}

#books-detail .books-detail-container .books-detail-info {
    float: left; width: calc(100% - 140px);
    margin: 0 10px 0 0;
}

#books-detail .books-detail-container .books-detail-info .books-icon-grade {
    width: 60px; height: 30px;
    text-align: center; font-size: 16px;
    line-height: 30px;
    border-radius: 15px;
}
#books-detail .books-detail-container .books-detail-info .books-detail-title {
    margin: 10px 0;
    font-size: 20px; font-weight: 600;
}
#books-detail .books-detail-container .books-detail-info .books-detail-subtitle {
    margin: 10px 0;
    font-size: 18px; color: #f59e0b;
}
#books-detail .books-detail-container .books-detail-info .books-detail-category {
    margin: 10px 0;
    font-size: 18px; font-weight: 600; color: #20978a;
}
#books-detail .books-detail-container .books-detail-info .books-detail-description {
    line-height: 1.5em;
}

#books-detail .books-detail-container .books-detail-thumb {
    float: left; width: 130px; height: 180px;
    overflow: hidden;
    border-radius: 8px;

    -webkit-transform-origin:   50% 50%;
    -moz-transform-origin:      50% 50%;
    -ms-transform-origin:       50% 50%;
    -o-transform-origin:        50% 50%;
    transform-origin:           50% 50%;

    -webkit-transform:  rotate(0deg);
    -moz-transform:     rotate(0deg);
    -ms-transform:      rotate(0deg);
    -o-transform:       rotate(0deg);
    transform:          rotate(0deg);

    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}
#books-detail .books-detail-container .books-detail-thumb:hover {
    -webkit-transform:  rotate(-20deg);
    -moz-transform:     rotate(-20deg);
    -ms-transform:      rotate(-20deg);
    -o-transform:       rotate(-20deg);
    transform:          rotate(-20deg);
}
#books-detail .books-detail-container .books-detail-thumb img {
    width: 100%; height: 100%;
}

@media screen and (max-width: 540px) {
    #books-detail .books-detail-container {
        width: calc(100% - 20px); padding: 0 10px;
    }
}
*/