@charset "utf-8";

.total_articles {position:relative; top:12px; float:left; font-size:15px;}
.total_articles em {font-style:normal; color:#0cb198; font-weight:bold;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.total_articles {font-size:100%;}
	}

	@media (max-width:799px) {
		.total_articles {top:0; font-size:90%; margin:20px 0;}
	}

	@media (max-width:499px) {
	}


.nolist {clear:both; text-align:center; padding:100px 0 40px 0;}

	@media (max-width:1219px) {
		.nolist {}
	}

	@media (max-width:999px) {
	}

	@media (max-width:799px) {
	}

	@media (max-width:499px) {
	}


.board_search {position:relative; float:right; min-height:34px; margin-bottom:10px;}
.board_search .search_category {float:left;}
.board_search .search_category select {padding:6px 10px; background:url('../../images/newgifted/sub/search_arrow.png') #fff  90% center no-repeat; border-radius: 5px;}
.board_search .search_dropdown {float:left; min-width:100px; margin-left:8px;}
.board_search .search_dropdown span {display:block; height:34px; line-height:32px; border:1px solid #ccc; border-radius:5px; font-size:14px; padding:0 10px; background:url('../../images/newgifted/sub/search_arrow.png') #fff  90% center no-repeat; background-size:13px 7px; cursor:pointer;}
.board_search .search_dropdown.active span {background-image:url('../../images/newgifted/sub/search_arrow_up.png');}
.board_search #searchSelect {position:absolute; display:none; background:#fff; min-width:100px; border:1px solid #ccc; font-size:14px;  padding:5px 10px; margin-top:-2px; cursor:pointer;}
.board_search #searchSelect li {padding:5px 0px;}
.board_search #s_sbox01 {float:left; margin-left:8px !important; margin-right:8px !important; width:296px !important; height:34px; border:1px solid #ccc; border-radius:5px;}
.board_search button {float:left; width:76px; height:34px; font-size:14px; line-height:36px; text-align:center;background:#4f9888; color:#fff; border-radius:5px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.board_search button {font-size:90%;}
	}

	@media (max-width:799px) {
		.board_search {float:none; width:100%;}
		.board_search .search_category {float:none; width:100%; margin-bottom:10px;}
		.board_search .search_category select {width:100%;}
		.board_search .search_dropdown {min-width:auto; width:20% !important; margin-left:0;}
		.board_search #searchSelect {min-width:auto; width:20%;}
		.board_search #s_sbox01 {width:calc(80% - 93px)!important}
		.board_search button {font-size:80%;}
	}

	@media (max-width:499px) {
	}


.gallery_list {clear:both; display:block; overflow:hidden; margin:-0.5%;}
.gallery_list li {float:left; width:24%; margin:0.5%;}
.gallery_list li .img img {width:100%; height:178px;}
.gallery_list li .text {letter-spacing:-0.05em; padding:22px 0;}
.gallery_list li .text h4 {font-size:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:13px;}
.gallery_list li .text p {font-size:13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery_list li .text .info {color:#444; font-size:13px; font-weight:300; margin-top:28px;}
.gallery_list li .text .info span {display:inline-block; margin-right:12px;}
.gallery_list li .text .info .view {background:url('../../images/newgifted/board/view_icon.png') left center no-repeat; color:#999; padding-left:20px;}
.gallery_list li .text .info .date {background:url('../../images/newgifted/board/datetime_icon.png') left center no-repeat; padding-left:18px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.gallery_list li .img img {height:138px;}
		.gallery_list li .text h4 {font-size:100%;}
		.gallery_list li .text .info {font-size:90%;}
	}

	@media (max-width:799px) {
		.gallery_list li {width:49%;}
		.gallery_list li .img img {height:30vmin;}
		.gallery_list li .text h4 {font-size:90%;}
		.gallery_list li .text .info {margin-top:15px; font-size:80%;}
	}

	@media (max-width:499px) {
	}


.paging {text-align:center; margin-top:50px;}
.paging .pagination {display:inline-block;}
.paging .pagination span {position:relative;  display:inline-block; border:1px solid #ddd; width:40px; min-height:40px; line-height:40px; box-sizing:border-box; color:#878787; margin-left:-5px; background:#fff; vertical-align:top;}
.paging .pagination span a {position:absolute; width:100%; height:100%; top:0; left:0; padding:0; margin:0;}
.paging .pagination span.start a,
.paging .pagination span.prev a,
.paging .pagination span.next a,
.paging .pagination span.end a {text-indent:-999px; overflow:hidden;}
.paging .pagination span.start {background:url('../../images/newgifted/board/page_start_icon.png') center no-repeat;}
.paging .pagination span.prev {background:url('../../images/newgifted/board/page_prev_icon.png') center no-repeat;}
.paging .pagination span.next {background:url('../../images/newgifted/board/page_next_icon.png') center no-repeat;}
.paging .pagination span.end {background:url('../../images/newgifted/board/page_end_icon.png') center no-repeat;}
.paging .pagination span.select {background:#0bb08c; border:1px solid #0bb08c; color:#fff; height:38px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.paging .pagination span {font-size:90%;}
	}

	@media (max-width:799px) {
		.paging .pagination span {font-size:80%; width:30px; height:30px; min-height:30px; line-height:30px;}
		.paging .pagination span.select {height:30px;}
	}

	@media (max-width:499px) {
	}


.gallery_view_title {font-size:28px; color:#444; letter-spacing:-0.07em; margin-bottom:20px;}
.gallery_view_info {display:block; overflow:hidden; margin-bottom:20px; padding:0 2px;}
.gallery_view_info .user {display:inline-block; float:left; font-size:16px; font-weight:600; letter-spacing:-0.07em; color:#444; background:url('../../images/newgifted/board/view_icon.png') left calc(50% + 1px) no-repeat; padding-left:20px;}
.gallery_view_info .date {display:inline-block; float:right; font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#444; background:url('../../images/newgifted/board/datetime_icon.png') left calc(50% + 1px) no-repeat; padding-left:18px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.gallery_view_title {font-size:150%;}
		.gallery_view_info .user {font-size:100%;}
		.gallery_view_info .date {font-size:100%;}
	}

	@media (max-width:799px) {
		.gallery_view_title {font-size:140%;}
		.gallery_view_info .user {font-size:90%;}
		.gallery_view_info .date {font-size:90%;}
	}

	@media (max-width:499px) {
	}


table.gallery_view {border-top:3px solid #6cba73; width:100%; border-bottom:1px solid #ccc;}
table.gallery_view colgroup col.wp8 {width:57px;}
table.gallery_view tbody tr th {font-size:15px; color:#444; border-top:1px solid #ecf0f1; padding:20px 0; vertical-align:middle;}
table.gallery_view tbody tr td {font-size:15px; color:#444; border-top:1px solid #ecf0f1; padding:20px 0; vertical-align:middle;}
table.gallery_view tbody tr td.data_cont {padding:25px 2px;}
/*table.gallery_view tbody tr td.data_cont img {max-width:80% !important;}*/

.prev_next {position:relative;margin:70px 0;clear:both;text-align:left}
.prev_next:after {display:block;visibility:hidden;clear:both;content:""}
.prev_next li {border-top:1px solid #e1e1e1;padding:29px 19px; color:#444; font-size:15px;}
.prev_next li:last-child {border-bottom:1px solid #e1e1e1}
.prev_next li:hover {background:#f6f6f6}
.prev_next li i {font-size:13px;color:#b3b3b3}
.prev_next li .nb_tit {display:inline-block;padding-right:40px;color:#0bb08c; font-size:15px; padding-left:30px;}
.prev_next li .nb_date {float:right;color:#444; font-size:16px;}

.prev_next li.btn_prv .nb_tit {background:url('../../images/newgifted/board/nb_tit_prev.png') left center no-repeat;}
.prev_next li.btn_next .nb_tit {background:url('../../images/newgifted/board/nb_tit_next.png') left center no-repeat;}

.btnarea {margin-top:20px;}
.btnarea .btn_fl {float:right;}
.btnarea .btn_fl a {display:inline-block; width:76px; height:34px; font-size:14px; line-height:36px; text-align:center; background:#4f9888; color:#fff; border-radius:5px;}
