@charset "utf-8";

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

.view-hit_add_group {margin-left: 10px;}

.div-widget-top {margin-bottom: 20px}


/************ 커스텀 ************/
.submenu-wrap .submenu-list {margin: 0 190px; padding: 0;}
.submenu-wrap .submenu-list li {width: 50%; float: left; text-align: center;}
.submenu-wrap .submenu-list li a {display: inline-block; width: 280px; height: 37px; border: 1px solid #dddddd; border-radius: 5px; line-height: 37px;}
.submenu-wrap .submenu-list li a:hover {background-color: #484848; color: #fff;}
.submenu-wrap .submenu-list li a.active {background-color: #484848; color: #fff;}

/* 카테고리 */
.cu-list-categoey {margin: 0; padding: 0;}
.cu-list-categoey {display: flex; flex-wrap: nowrap; overflow-x: auto; text-align: center; margin-bottom: 10px; -ms-overflow-style: none; scrollbar-width: none;}
.cu-list-categoey::-webkit-scrollbar {display: none;}
.cu-list-categoey li {padding: 5px 10px; margin-right: 5px; border: 1px solid #ddd; border-radius: 5px; text-align: center; flex: 0 0 auto;}
.cu-list-categoey li.active {background-color: #e91b23;}
.cu-list-categoey li.active a {color: #fff;}

/************ view rand best ************/
.rand-best-wrap {margin: 20px 0; padding-top: 30px; border-top: 8px solid #f7f7f7;}

.rand-best-wrap .config {float: right; margin: 5px 10px 0 0px;}

.rand-best-wrap .title {font-family: -apple-system, SCDream-n, Roboto, Sans-Serif; font-size: 20px;}
.rand-best-wrap .title .pink {font-family: -apple-system, SCDream-b, Roboto, Sans-Serif; color: #f22a50;}

.rand-best-wrap .ad-wrap-text {float: right; margin-right: 10px; margin-top: 8px;}

.rand-best-wrap .item-list {padding: 0; margin: 0;}
.rand-best-wrap .item-list li {padding: 10px 0;}
.rand-best-wrap .item-list li {display: none;}
.rand-best-wrap .item-list li.on {display: block;}
.rand-best-wrap .item-list li:not(:first-child) {border-top: 1px solid #efefef;}
.rand-best-wrap .item-list li .thumb {display: flex; width: 100px; height: 100px; float: left; align-items: center; margin-right: 15px;}
.rand-best-wrap .item-list li .thumb img {width: 100%; max-height: 100%;}
.rand-best-wrap .item-list li .info p {margin: 0; padding: 0; font-family: tahoma; font-size: 12px;}
.rand-best-wrap .item-list li .info .subject {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px;}
.rand-best-wrap .item-list li .info .name {margin-right: 5px;}
.rand-best-wrap .item-list li .info .hit {margin-right: 10px; color: #e04646;}
.rand-best-wrap .item-list li .info .comment,
.rand-best-wrap .item-list li .info .date {color: #a1a1a1;}

.rand-best-wrap .item-more {margin-top: 10px; padding: 5px 0; border-radius: 8px; background-color: #f1f1f1; text-align: center; cursor: pointer;}

@media all and (max-width:460px) {
	.responsive .submenu-wrap .submenu-list {margin: 0; padding: 0;}
	.responsive .submenu-wrap .submenu-list li a {width: 95%; height: 30px; border-radius: 15px; line-height: 30px;}
}

.event-text-wrap {margin: 10px 0;}
.event-text {margin-left: 10px; font-size: 16px;}

.view-ad-wrap {position: relative;}
.view-ad-wrap .view-padding {position: relative; overflow: hidden; max-height: 250px;}
.view-ad-wrap .view-ad-btn-wrap {z-index: 999; position: absolute; display: flex; bottom: 0; width: 100%; height: 150px; text-align: center; justify-content: center; align-items: center; background: linear-gradient(to bottom, rgba(255,255,255, 0), rgba(255,255,255, 0.8), #fff); cursor: pointer;}

@media all and (max-width:760px) {
	.responsive .event-text {margin-left: 5px; font-size: 12px;}
	.responsive .view-ad-wrap .view-ad-btn-wrap img {width: 100%;}
}

@media all and (max-width:460px) {
	.responsive .view-ad-wrap .view-content {max-height: 220px;}
	.responsive .view-btn i { margin-right:0px; }
}