@charset "utf-8";

/*
Pretendard-Thin
Pretendard-ExtraLight
Pretendard-Light
Pretendard-Regular
Pretendard-Medium
Pretendard-SemiBold
Pretendard-Bold
Pretendard-ExtraBold
Pretendard-Black
*/

/* 이용권 둥근 박스형태 태그 */
span.voucher { padding:5px 15px; border-radius:80px; font-weight:400;  }
span.voucher_standard {background:#e2e2e2; color:#333; }
span.voucher_premium { background:#db0226; color:#fff; }



span.roundbox { padding:5px 15px; border-radius:4px; font-weight:400;  }
/* 버튼형 사각박스 */
span.blackbox_round {background:#333; color:#fff; }
span.graybox_round {background:#999; color:#fff; }
span.greenbox_round {background:#02a054; color:#fff; }
span.redbox_round {background:#db0226; color:#fff; }
/* 둥근 라운드형태 태그 */
span.blackround {border:1px solid #666; color:#333; }
span.grayround { border:1px solid #ccc; color:#999; }
span.redround { border:1px solid #db0226; color:#db0226; }






/* 게시판 thead 부분 넓이값 셋팅 */
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w220 { width:220px; }
.w240 { width:240px; }
.w250 { width:250px; }

/* 게시판 컬러셋 */
.cblue { color:#0d4099; font-weight:400;   }
.cred { color:#d50225; font-weight:400;   }
.cblack { color:#000; font-weight:400;  }
.corange { color:#ff6600; font-weight:400;  }




/**************** 게시판 상단 토탈값 및 검색박스  ****************/

div.table_list_topwrap {margin-bottom:10px;}
div.table_list_topwrap > ul {}
div.table_list_topwrap > ul > li { float:left; width:50%; text-align:left; line-height:130%}
div.table_list_topwrap > ul > li:last-child {  text-align:right; }
	.point_color { color:#d50225; font-weight:500; }




@media screen and (max-width: 767px) {
	div.table_list_topwrap > ul > li { width:100%; }
	div.table_list_topwrap > ul > li:last-child {  text-align:left; margin-top:10px;}
}




/**************** 게시판 리스트 스타일  ****************/

div.table_overflow_wrap {overflow-x:auto; padding-bottom:8px;}
  .table_overflow_wrap::-webkit-scrollbar {
    height: 15px;
  }
  .table_overflow_wrap::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 15px;
    background-clip: padding-box;
    border: 4px solid transparent;
  }
  .table_overflow_wrap::-webkit-scrollbar-track {
    background-color: #ccc;
    border-radius: 15px;
    
  }




/* 리스트 상단 우측 셀렉트 박스 출력물 수 소트 */
select.list_sort { 
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
	outline-style: none;
	background: url(../../_images/common/select_arrow.png) no-repeat right 50%;
	background-size: 26px auto;
	border:1px solid #d4d4d4; height:30px; line-height:30px; padding:0 35px 0 15px; color: #000; font-weight: 400;  border-radius: 4px;	
	}

table.table_list {  border-collapse: collapse;  width:100%; min-width:1023px; margin-bottom:0px;  }
	table.table_list > thead { border-top:2px solid #db0226; }
	table.table_list > thead th {  text-align:center; padding:10px 10px; background:#f8f8f8; border-bottom:1px solid #d4d4d4; color:#333;  font-weight:500; }
	table.table_list > thead td {}

	table.table_list > tbody {  text-align:center;  color:#000; font-weight:300;}
	table.table_list > tbody tr {border-bottom:1px solid #d4d4d4;}
	table.table_list > tbody tr:nth-of-type(odd) {  background: #fff; }

	table.table_list > tbody th {  padding:15px 10px;}
	table.table_list > tbody td {  padding:15px 10px;}
	table.table_list > tbody th > i { color:#444; }
	table.table_list > tbody th  a {  font-size:1.125rem; color:#000;}

		.textsmall {  font-size:0.875rem; color:#666;  }
		.textpoint { color:#000; font-weight:400; }
		.bbs_number { font-size:0.875rem; color:#666;}
		.bbs_group { text-align:left; }
		.bbs_subject { text-align:left; }
			.bbs_subject a { color:#333; }
			.bbs_subject a:hover { color:#; }
		.bbs_name { text-align:center; color:#000; font-weight:400; }
		.bbs_memo a {font-size:1.25rem; color:#666; }

	table.table_list > tfoot {}
	table.table_list > tfoot th {}
	table.table_list > tfoot td {}





/**** 페이지네이션 ********/
.paging_wrap{margin:0; text-align:center; display: flex; justify-content: center; align-items: center; margin-top:30px;}
    
    .paging_wrap > ol{display:flex; align-items: center; margin:0 10px;}
    .paging_wrap > ol li{ height:35px; line-height:32px; padding:0 10px;}
    .paging_wrap > ol li.act {border-top:1px solid #c6252b; border-bottom:1px solid #c6252b; font-weight:bold;}
    .paging_wrap > ol li.act a{color:#c6252b;}
    .paging_wrap > ol a{font-size:18px;}

    .paging_wrap .prev, .paging_wrap .next{cursor:pointer; background:#4c4c4c; width:35px; height:35px; line-height:35px; color:#fff; font-size: 1.125rem; border-radius:35px; font-weight:200; margin:0 1px;}
    .paging_wrap .prev i, .paging_wrap .next i{line-height:35px; font-size:1rem; }


@media screen and (max-width: 767px) {
	.paging_wrap > ol{ margin:0 5px;}
	.paging_wrap > ol li {  margin:0 5px;}
	.paging_wrap > ol a{font-size:16px;}

	 .paging_wrap > ol{ margin:0 5px;}
    .paging_wrap > ol li{ padding:0 5px;}
}





/**************** 게시판 뷰페이지 스타일  ****************/

div.bbs_view_top {}
div.bbs_view_top dl {}
div.bbs_view_top dl dt p {font-size:22px; font-weight:400; border-bottom:2px solid #333;padding:20px 0; letter-spacing:-0.05em;  }
div.bbs_view_top dl dt span { display:inline;  background:#333;  font-weight:400; color:#fff; padding:5px 18px; border-radius:60px; font-size:15px; margin-top:10px; }

div.bbs_view_top dl dd {position: relative;   padding:20px 0; font-size:16px;  text-align:right; }
div.bbs_view_top dl dd p { display:inline-block; margin-right:20px;  font-weight:400; }
div.bbs_view_top dl dd p i { color:#ccc; }
div.bbs_view_top dl dd p span { color:#666;color:#999; }

div.bbs_view_downloadlist_wrap {}
div.bbs_view_downloadlist_wrap > ul {}
div.bbs_view_downloadlist_wrap > ul > li { padding:15px 20px; border:1px solid #d4d4d4;  margin-top:-1px;display:flex; justify-content:space-between;  background: #fcfcfc; font-size:18px; }
div.bbs_view_downloadlist_wrap > ul > li:first-child { border-radius:6px 6px 0 0; }
div.bbs_view_downloadlist_wrap > ul > li:last-child { border-radius:0 0 6px 6px; }
div.bbs_view_downloadlist_wrap > ul > li span { font-size:15px; color:#666;  font-weight:200;  }
div.bbs_view_downloadlist_wrap > ul > li p { font-size:16px;  }



div.bbs_view_link_wrap {}
div.bbs_view_link_wrap > ul {}
div.bbs_view_link_wrap > ul > li { padding:15px 20px; border:1px solid #d4d4d4;  margin-top:-1px;  background: #fcfcfc; font-size:15px; }
div.bbs_view_link_wrap > ul > li:first-child { border-radius:6px 6px 0 0; }
div.bbs_view_link_wrap > ul > li:last-child { border-radius:0 0 6px 6px; }



div.view_cont { font-size:18px; text-align:left; padding:50px 0; border-bottom:1px solid #d4d4d4;}
	p.bbsview_img_wrap { margin-top:30px;}
	p.bbsview_img_wrap img{ width:100%; max-width:1200px;}




.view_prev_next a{ font-size:18px; display:flex;}
.view_prev_next .prev, .view_prev_next .next{width:100%; padding:20px 10px; border-bottom:1px solid #ddd;}
.view_prev_next .prev{width:110px; font-weight:500;}
.view_prev_next .next{color:#888; font-weight:300;}


@media screen and (max-width:1439px){
}

@media screen and (max-width:767px){
	div.bbs_view_top dl dt {font-size:18px;  }
	div.bbs_view_downloadlist_wrap > ul > li {  font-size:14px; }
	div.bbs_view_downloadlist_wrap > ul > li p { display:none; }
	div.bbs_view_link_wrap > ul > li {  font-size:14px; }


	.view_prev_next .prev, .view_prev_next .next{padding:10px;}
	.view_prev_next .prev{width:130px;}

	div.bbs_view_top dl dd p span { display:none; }
}

@media screen and (max-width:479px){
	.view_prev_next a{font-size:16px;}
	.view_prev_next .prev{width:110px;}
}





/**************** 갤러리 게시판 리스트 스타일  ****************/
div.gallery_list_wrap {}
	ul.gallery_list_item {}
	ul.gallery_list_item > li { position: relative; float:left; width:24%; border:1px solid #d4d4d4; margin:0.5%;}
		ul.gallery_list_item > li img { max-width:100%; }
		ul.gallery_list_item > li div.category_box {position: absolute; left:-1px; top:-1px; width:60px; height:60px; padding-top:15px; background:#c6252b; color:#fff; text-align:center; font-weight:600; font-size:16px;}
		ul.gallery_list_item > li div.category_box.twotext { line-height:100%; padding-top:12px; }
			dl.gallery_list_item_text { text-align:center;padding:15px 15px; }
			dl.gallery_list_item_text  dt { font-weight:400; color:#000; }
			dl.gallery_list_item_text  dt {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;}
			dl.gallery_list_item_text  dd { font-size:13px; color:#666;  }
			dl.gallery_list_item_text  dd:before { content: ""; display: block; width: 20px; border-bottom: 3px solid #c6252b; margin:8px auto; }
			ul.gallery_list_item > li a dl.gallery_list_item_text  p {width:80px; border:1px solid #d4d4d4; margin:15px auto 0; background:#fff; color:#000; padding:5px 0px;  border-radius:60px; font-size:14px; letter-spacing:0; }
			ul.gallery_list_item > li a:hover dl.gallery_list_item_text  p {border:1px solid #c6252b;  background:#c6252b; color:#fff; }






@media screen and (max-width: 1919px) {
}

@media screen and (max-width: 1679px) {
}

@media screen and (max-width: 1439px) {
}

@media screen and (max-width: 1335px) {
}

@media screen and (max-width: 1279px) {
}

@media screen and (max-width: 1023px) {
	ul.gallery_list_item > li { width:32.333%; }
}

@media screen and (max-width: 767px) {
	ul.gallery_list_item > li { width:49%; }
}

@media screen and (max-width: 479px) {
	ul.gallery_list_item > li { float:none; width:100%; margin:3% 0; }

}