@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; }
.view-btn i { margin-right:2px; }
.view_btn_box{margin-bottom:20px;font-size:0;line-height:1;}

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

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





/************기본 end**********************************************************************************************************************/

/*게시판 버튼*/
body .board_btn{display:inline-block;width:75px;height:35px;line-height:35px;font-size:16px;color:#fff;background:#666;margin-left:10px;text-align:center;overflow: hidden;}
body .board_btn:first-of-type{margin-left:0;}
body .board_btn.blue{background:#33a1db;}
body .board_btn.green{background:#88bb1d;}

/*뷰 페이징*/
.view_paging{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.view_paging_next, .view_paging_prev{width:50%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.view_paging_next{background:url("/thema/Basic/img/view_paging_left.png") no-repeat left center;padding:0 150px 0 50px;}
.view_paging_prev{background:url("/thema/Basic/img/view_paging_right.png") no-repeat right center;text-align:right;padding:0 50px 0 150px;}
a.view_paging_next:hover, a.view_paging_next:focus{background-image:url("/thema/Basic/img/view_paging_left_on.png");}
a.view_paging_prev:hover, a.view_paging_prev:focus{background-image:url("/thema/Basic/img/view_paging_right_on.png");}
.view_paging_next b, .view_paging_prev b{font-size:15px;}
.view_paging_next p, .view_paging_prev p{font-size:18px;line-height:120%;margin-top:10px;}
.view-wrap .view_list_btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);
	width:150px;height:48px;line-height:48px;text-align:center;font-size:18px;font-weight:700;background:#555;color:#fff;border-radius:23.5px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;
}
.view-wrap .view_list_btn:hover, .view-wrap .view_list_btn:focus{background:linear-gradient(90deg, rgba(51,161,219,1) 0%, rgba(142,195,32,1) 100%);}


@media all and (max-width:1024px){
	/*게시판 버튼*/
	body .board_btn{width:60px;height:30px;line-height:30px;font-size:14px;}

	/*뷰 페이징*/
	.view_paging_next{padding:0 100px 0 30px;}
	.view_paging_prev{padding:0 30px 0 100px;}
	.view_paging_next b, .view_paging_prev b{font-size:14px;}
	.view_paging_next p, .view_paging_prev p{font-size:15px;margin-top:5px;}
	.view-wrap .view_list_btn{width:100px;height:40px;line-height:40px;font-size:16px;}
}
@media all and (max-width:768px){
	/*게시판 버튼*/
	body .board_btn{width:50px;font-size:13px;margin-left:5px;}

	/*뷰 페이징*/
	.view_paging{border-top:1px solid #ddd;}
	.view_paging_next, .view_paging_prev{width:100%;border:1px solid #ddd; border-top:0; background-size:10px;}
	.view_paging_next{padding:15px 20px 15px 50px;background-position:left 20px center;}
	.view_paging_prev{padding:15px 50px 15px 20px;background-position:right 20px center;}
	.view_paging_next b, .view_paging_prev b{font-size:13px;}
	.view_paging_next p, .view_paging_prev p{font-size:14px;}
	.view-wrap .view_list_btn{width:80px;height:35px;line-height:35px;font-size:14px;position:static;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);margin:20px auto 0;}
}


/* 갤러리 */
.com_tab_box{margin-bottom:90px;}
.com_tab_box:after{content:"";position:absolute;width:100vw;min-width:280px;height:1px;background:#ddd;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
.com_tab_box .swiper-wrapper{justify-content:center;position:relative;}
.com_tab_list{font-size:0;text-align:center;line-height:1;}
.com_tab_list li{display:inline-block;width:auto;}
.com_tab_list li button,
.com_tab_list li a{width:100%;font-size:18px;line-height:120%;text-align:center;padding:0 35px 15px;border-bottom:3px solid rgba(255,255,255,0);position:relative;z-index:1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.com_tab_list li button.on,
.com_tab_list li button:hover,
.com_tab_list li button:focus,
.com_tab_list li.active a,
.com_tab_list li a:hover,
.com_tab_list li a:focus{font-weight:700;border-bottom-color: #333;}
@media all and (max-width:1024px){
	/*공통 탭*/
	.com_tab_box{margin-bottom:60px;}
	.com_tab_list li button,
	.com_tab_list li a{font-size:16px;padding:0 10px 10px;}
}
@media all and (max-width:768px){
	/*공통 탭*/
	.com_tab_box{margin-bottom:30px;padding:0 15px;}
	.com_tab_box .swiper-wrapper{justify-content:unset;}
	.com_tab_list li button,
	.com_tab_list li a{font-size:14px;padding:0 10px 5px;}
}