/*
?v=2
*/

/* ────────────────────────────────────────────────── table common { ────────────────────────────────────────────────── */
.board-search {
    margin: 10px 0 0; padding: 15px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
}
.board-search .board-search-section:after { content: ''; display: block; clear: both; }
.board-search .board-search-section {
    position: relative; padding: 10px 0;
    border-top: 1px dashed #d1d1d1;
}
.board-search .board-search-section:first-child { padding: 0 0 10px; border-top: none; }
.board-search .board-search-section:last-child { padding: 10px 0 0; }

/* board-search-section - 1 */
.board-search .board-search-section .board-search-group {
    float: left; position: relative;
    width: 340px; height: 46px; overflow: hidden;
    border-radius: 5px; border: 1px solid #d1d1d1;
}
.board-search .board-search-section .board-search-group .form-control {
    float: left; display: block; height: 46px;
    -webkit-appearance: none; appearance: none;
    border-radius: 0; border: none;
    font-size: 12px;
}
.board-search .board-search-section .board-search-group .form-control[name="boardsearchtype"] {
    width: 80px; text-align: center;
    background-color: #fbfbfb; border-right: 1px solid #d1d1d1;
}
.board-search .board-search-section .board-search-group .form-control[name="boardsearchtype"] option { font-size: 12px; }
.board-search .board-search-section .board-search-group .form-control[name="boardsearchword"] {
    width: 154px; height: 32px;
}
.board-search .board-search-section .board-search-group .board-search-btn {
    display: block; float: left; width: 80px; padding: 15px 0 14px;
    border: 1px solid #c01e1e;
    background-color: #e62626;
    font-size: 12px; font-weight: bold; color: #fff;
    /*line-height: 44px;*/ text-align: center;
}
.board-search .board-search-section .refresh {
    position: absolute; top: 15px; right: 0px;
    display: block; width: 24px; height: 24px;
    background-image: url(/resource/images/common/onepick-sprites.png?v=2);
    background-repeat: no-repeat;
    background-position: -130px -269px;
    cursor: pointer;
}

.board-search .board-search-section .board-search-group .choice {
    float: left; width: 73px; height: 45px;
    background-color: #1ba9de;
    border: 1px solid #1787b0;
    font-size: 12px; font-weight: bold; letter-spacing: -1px;
    color: #fff; line-height: 45px; text-align: center;
}
.board-search .board-search-section .board-search-group .choice + .form-control {
    float: left; display: block;
    width: calc(100% - 75px);
    border-radius: 0 0.25rem 0.25rem 0;
    /*border-left: 1px solid #1787b0;*/
}

/* board-search-section - 2 */
.board-search .board-search-section > .board-search-btn-group {
    float: left; overflow: hidden;
    border: 1px solid #d1d1d1; border-radius: 5px;
}
.board-search .board-search-section > .board-search-btn-group > a {
    display: block; padding: 0 26px;
    background-color: #fff; color: #888;
    font-size: 12px; line-height: 44px;
    border-right: 1px solid #d1d1d1;
}
.board-search .board-search-section > .board-search-btn-group > a:last-child { border-right: none; }
.board-search .board-search-section > .board-search-btn-group > a.active {
    position: relative; z-index: 110;
    /*border: 1px solid #888;*/ background-color: #999; color: #fff;
    font-weight: bold;
}
.board-search .board-search-section > .board-search-btn-group > .board-stype-search-btn {
    float: left;
    
}
.board-search .board-search-section > .board-search-write-btn {
    display: block; float: right; padding: 0 26px;
    font-size: 12px; color: #fff; line-height: 44px;
    border-radius: 5px;
    border: 1px solid #1787b0;
    background-color: #1ba9de;
}
.board-search .board-search-section > .board-search-write-btn:hover {
    color: #fff;
    border: 1px solid #c01e1e;
    background-color: #e62626;
}

/* ────────────────────────────────────────────────── table common } ────────────────────────────────────────────────── */

.photo-list:after,
.photo-list > ul > li:after { content: ''; display: block; clear: both; }
.photo-list {
    margin: 10px 0 0; padding: 10px 0;
    border: 1px solid #d1d1d1;
    background-color: #fff;
}
.photo-list > ul > li {
    float: left; position: relative;
    width: calc(25% - 9px); margin: 7px 0 0 7px; overflow: hidden;
}
.photo-list > ul > li > a {
    display: block; overflow: hidden; height: 215px;
}
.photo-list > ul > li > a > img {
    width: 100%; height: 100%;
    -webkit-transition: all .2s ease-out;
    -moz-transition:    all .2s ease-out;
    -o-transition:      all .2s ease-out;
    transition:         all .2s ease-out;
}
.photo-list > ul > li:hover > a img { transform: scale(1.5); }

.photo-list > ul > li .board-info {
    position: absolute; left: 0; bottom: -30%;
    width: calc(100% - 20px); padding: 10px;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: all .2s ease-out;
    -moz-transition:    all .2s ease-out;
    -o-transition:      all .2s ease-out;
    transition:         all .2s ease-out;
}
.photo-list > ul > li .board-info > h2 {
    font-size: 12px; font-weight: 500; color: #fff;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.photo-list > ul > li .board-info > h3 a {
    font-size: 12px; font-weight: 500; color: #fff;
}
.photo-list > ul > li:hover .board-info {
    bottom: 0;
}

@media screen and (max-width: 640px) {
    .photo-list > ul > li { width: calc(33.33333% - 9px); }
}

@media screen and (max-width: 500px) {
    .photo-list > ul > li { width: calc(50% - 9px); }
}


/* type - verified (카지노검증) */
.verified-list:after,
.verified-list > ul > li:after { content: ''; display: block; clear: both; }
/*.verified-list > ul > li {
	border: 1px solid var(--color-line); margin: 0 0 10px;
}
.verified-list > ul > li {
	display: block; padding: 20px 10px;
}
.verified-list > ul > li:hover {
	background-color: #111;
}
.verified-list > ul > li > .verified-img {
	float: left; width: 200px; height: 100px;
	overflow: hidden; border-radius: 8px;
}
.verified-list > ul > li > .verified-img img { width: 100%; height: 100%; }
.verified-list > ul > li > .verified-info {
	float: left; width: calc(100% - 210px); margin: 0 0 0 10px;
}
.verified-list > ul > li > .verified-info > h3 {
	margin: 10px 0;
}
.verified-list > ul > li > .verified-info > h4 {
	font-size: 14px; line-height: 1.5em; text-align: justify;
	overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.verified-list > ul > li > .verified-info > h2 a:hover,
.verified-list > ul > li > .verified-info > h4 a:hover { color: var(--point-main); }

@media screen and (max-width: 640px) {
	.verified-list > ul > li > .verified-img { display: none; }
	.verified-list > ul > li > .verified-info {
		width: 100%; margin: 0;
	}
}
*/


.verified-list ul li {
    float: left; width: calc(33.3333% - 36px); padding: 10px; margin: 10px 5px;
    background-color: #2c2f3c;
    border: 3px solid #2c2f3c;
    -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;
}
.verified-list ul li:hover {
    border-color: var(--point-main);
}
.verified-list ul li a .verified-info h2:hover {
    /*color: #ffe400;*/ color: var(--color-yellow);
}

.verified-list ul li a {
    display: block; position: relative;
}
.verified-list ul li a .verified-img {
    border: 3px solid var(--color-line); height: 225px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.verified-list ul li a .verified-img h2 {
    border-top: 2px solid var(--color-line);
    position: absolute; bottom: 0; width: 100%;
    text-align: center; padding: 10px 0;
    font-size: 22px; font-weight: 600; letter-spacing: -.2em;
}
.verified-list ul li a .verified-img h2 span {
    font-size: 22px; font-weight: 600; letter-spacing: -.2em;
}

.verified-list ul li a .verified-info:after {
    content: ''; display: block; clear: both;
}
.verified-list ul li a .verified-info h2 {
    padding: 10px 0;
    font-size: 15px; font-weight: 600;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.verified-list ul li a .verified-info h3 {
	overflow: hidden; text-overflow: ellipsis; text-align: justify;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
    font-size: 12px; font-weight: 600;
}
.verified-list ul li a .verified-info .verified-info-numbers {
    float: right; margin: 10px 0; font-size: 14px;
}
.verified-list ul li a .verified-info .verified-info-numbers i {
    margin: 0 5px 0 10px;
    font-size: 14px;
}
.verified-list ul li a .verified-info .verified-info-numbers i.fa-thumbs-up {
    position: relative; top: -1px;
}

.verified-list ul li a .icon-medal {
    position: absolute; top: 0; right: 5px;
    width: 68px; height: 83px;
    background-image: url(/resource/images/icons/medal.png);
}

@media screen and (max-width: 768px) {
    .verified-list ul li {
        width: calc(50% - 36px);
    }
}
@media screen and (max-width: 600px) {
    .verified-list ul li {
        width: calc(100% - 36px);
    }
}

/* type - faq */
.faq-list > section {
    margin: 10px 0;
}
.faq-list > section > h2 {
    margin: 0 0 10px; padding: 10px 0;
    border-bottom: 1px solid var(--color-line);
}
.faq-list > section > h2 > a {
    padding: 10px 0;
}
.faq-list > section > h2 > a:before {
    content: 'Q'; margin: 0 5px 0 0;
    font-size: 20px; font-weight: 600; color: #dc3545;
}
.faq-list > section .faq-content {
    display: none; padding: 10px;
    line-height: 1.5em;
}
.faq-list > section:first-child .faq-content {
	display: block;
}