@charset "utf-8";


/* list_style_1 */
.list_style_1{table-layout:fixed; width:100%; border-top:1px solid #0088e6; margin-bottom:30px;}
.list_style_1 th{padding:13px 0 13px 0; background-color:#fefefe; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; font-family:'Nanum Gothic'; font-weight:bold; font-size:14px; color:#535556;}
.list_style_1 th.border_none{border-right:none;}
.list_style_1 td{padding:13px 12px 13px 12px; text-align:center; font-size:12px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.list_style_1 td.align{text-align:left;}
.list_style_1 td.border_none{border-right:none;}
.list_style_1 td ul.file li{margin-bottom:15px;}
.list_style_1 td ul.file li.last{margin-bottom:0;}
.list_style_1 td ul.file li a img{padding:1px 12px 0 0 !important;}

/* list_style_2 */
.list_style_2{table-layout:fixed; width:100%; border-top:1px solid #0088e6; margin-bottom:30px;}
.list_style_2 th{padding:13px 0 13px 0; background-color:#fefefe; border-bottom:1px solid #d7d7d7; font-family:'Nanum Gothic'; font-weight:bold; font-size:14px; color:#535556;}
.list_style_2 th.border_none{border-right:none;}
.list_style_2 td{padding:13px 12px 13px 12px; text-align:center; font-size:12px; border-bottom:1px solid #d7d7d7;}
.list_style_2 td.align{text-align:left;}
.list_style_2 td.border_none{border-right:none;}
.list_style_2 td ul.file li{margin-bottom:15px;}
.list_style_2 td ul.file li.last{margin-bottom:0;}
.list_style_2 td ul.file li a img{padding:1px 12px 0 0 !important;}

/* view_style_1 */
.view_style_1{table-layout:fixed; width:100%; border-top:1px solid #0088e6; border-bottom:1px solid #0088e6; margin-bottom:30px;}
.view_style_1 th{padding:12px 0 12px 12px; background-color:#f8f7f7; border-bottom:1px solid #d7d7d7; font-family:'Nanum Gothic'; font-weight:bold; font-size:14px; color:#676767;}
.view_style_1 th.title{background-color:#fff; color:#525252;}
.view_style_1 td{padding:12px 12px 12px 12px; text-align:center; font-size:13px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; line-height:150%;}
.view_style_1 td img{padding:20px 0 20px 0;}
.view_style_1 td.align{text-align:left;}
.view_style_1 td.border_none{border-right:none;}
.view_style_1 td ul.file li{margin-bottom:15px;}
.view_style_1 td ul.file li.last{margin-bottom:0;}
.view_style_1 td ul.file li a img{padding:1px 12px 0 0 !important;} 

/* photo_view */
.view_style_1 td.view_main {padding:20px 5px 20px 15px; line-height:20px;}
.view_style_1 td.photo_view {text-align:center; padding:25px 5px 28px 5px; border-bottom:1px solid #e4e4e4;}
.view_style_1 td.photo_view .bx-wrapper {position:relative; width:700px; margin:0 auto;} 
.view_style_1 td.photo_view .bx-wrapper .slide img{width:700px !important; height:466px !important; padding:0;}
.view_style_1 td.photo_view #bx-pager {overflow:hidden; margin:29px 0 0 0;}
.view_style_1 td.photo_view #bx-pager .outer a {/* aaa float:left;*/ position:relative; margin:0 5px 5px 0;}
.view_style_1 td.photo_view #bx-pager .outer a.active img{opacity:1;}
.view_style_1 td.photo_view #bx-pager .outer a img{width:119px !important; height:78px !important; padding:0; opacity:0.5;}
.bx-controls-direction{display:block;}

.bx-controls-direction a{position:absolute; overflow:hidden; text-indent:9999px; font-size:0;}
.bx-controls-direction .bx-prev{top:45%; left:5%; width:65px; height:65px; background:url(/images/sub/photo_prev.png) no-repeat;}
.bx-controls-direction .bx-next{top:45%; right:5%; width:65px; height:65px; background:url(/images/sub/photo_next.png) no-repeat;}


.outer {
  display: table;
  width: 100%;
  height: 100%;
}



/* paging */
.paging{clear:both; width:100%; text-align:center; margin:30px 0 30px 0;}
.paging #pagingWrap, .paging #paging-mobile-wrap  {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: var(--krds-spacer-2);
	width: 100%;
	/*margin-top: var(--krds-spacer-10);*/
}

@media (max-width:670px) {
	.paging #pagingWrap {
		gap: 0;
	}
}

.paging #paging-mobile-wrap {
	display: none;
}

@media (max-width:670px) {
	.paging #paging-mobile-wrap {
		display: flex;
	}

	.paging .paging-pc-nav {
		display: none !important;
	}

	.paging span a {
		min-width: 3rem !important;
	}
}

/*.paging span {font-size:0;}*/
.paging span.num_start {margin:0 0 0 0;}
.paging span.num_last {margin:0 0 0 0;}
.paging span a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	color: var(--krds-gray-70);
	min-width: 4rem;
	height: 4rem;
}
.paging span a.p_first, .paging span a.p_first2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	color: var(--krds-gray-70);
	min-width: 6.2rem;
	height: 4rem;
	padding: 0 var(--krds-spacer-2) 0 var(--krds-spacer-1);
	margin-right: 2px;
}
.paging span a.p_first::before, .paging span a.p_first2::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	width: 2rem;
	height: 2rem;
	background-image: url(../../../resources/img/ico_page_arr_left.svg);
	background-repeat: no-repeat;
	margin-bottom: 4px;
	margin-right: 4px;
}
.paging span a.p_last, .paging span a.p_last2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	color: var(--krds-gray-70);
	min-width: 6.2rem;
	height: 4rem;
	padding: 0 var(--krds-spacer-1) 0 var(--krds-spacer-2);
}
.paging span a.p_last::after, .paging span a.p_last2::after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: "";
	width: 2rem;
	height: 2rem;
	background-image: url(../../../resources/img/ico_page_arr_right.svg);
	background-repeat: no-repeat;
	margin-bottom: 4px;
}
.paging span a:hover {
	border-radius: 0.6rem;
	background-color: var(--krds-secondary-5);
	transition: 0.4s ease-in-out;
}
.paging span a.on {
	font-weight: 700;
	color: var(--krds-white);
	border-radius: 6px;
	background-color: var(--krds-secondary);
}

/* c_state */
.c_state{overflow:hidden; text-align:center; border:1px solid #d9d9d9; padding:17px 0 17px 0; background-color:#fcfcfc; margin-bottom:35px;}
.c_state select{height:30px;}
.c_state .search{display:inline-block; position:relative;}
.c_state input[type="text"]{width:100%; padding:7px 0 6px 4px; border:1px solid #d9d9d9;}
.c_state input[type="image"]{position:absolute; height: 100%}

div.hit{overflow:hidden; margin-bottom:10px;}
div.hit p{float:left; font-size:12px; margin-top:14px;}
div.hit p span{color:#ff4e00; font-weight:bold;}
div.hit select{float:right; height:28px;}

/* photo board */
.photo_list{border-top:1px solid #0088e6; border-bottom:1px solid #d3d3d3; padding-top:40px;}
.photo_list ul{overflow:hidden; padding-left:15px;}
.photo_list ul li{float:left; width:166px; margin:0 16px 40px 16px;}
.photo_list ul li a div.img{border-bottom:#d3d3d3; padding-bottom:10px; margin-bottom:15px;}
.photo_list ul li a div.img img{width:166px !important; height:166px !important; border:1px solid #d3d3d3; box-sizing:border-box;}
.photo_list ul li a div.text p.con{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; font-size:14px; color:#151515; margin-bottom:5px;}
.photo_list ul li a div.text p.date{font-size:12px; color:#454545;}

/* btn_bottom */
.btn_bottom{float:right; margin-bottom:20px;}
.btn_bottom a.b_btn_1{display:inline-block; background-color:#0088e6; padding:9px 20px; border:1px solid #cfcfcf; color:#fff;}
.btn_bottom a.b_btn_2{display:inline-block; background-color:#fcfcfc; padding:9px 20px; border:1px solid #cfcfcf;}


@media only screen and (max-width:768px) {

	/* basic */
	.view_style_1 tbody td img{width:100%; height:auto;}
	.view_style_1 td.photo_view .bx-wrapper{width:auto;}
	.view_style_1 td.photo_view .bx-wrapper .slide img{width:100% !important; height:auto !important;}
	.view_style_1 td.photo_view #bx-pager .outer a img{margin-bottom:10px;}

	/* 포토뉴스 */
	.photo_list ul{padding-left:0;}
	.photo_list ul li{width:25%; margin:0 0 40px 0;}
	.photo_list ul li a div.img{margin-bottom:0;}
	.photo_list ul li a div.img img{width:100% !important; height:150px !important;}
	.photo_list ul li a div.text p.con{/*font-size:12px;*/ text-align:center;}
	.photo_list ul li a div.text p.date{text-align:center;}

	.view_style_1 td.photo_view #bx-pager .outer a img{width:15% !important; height:auto !important}

	/* paging */
	.paging span a{padding:3px 3px 3px 3px;}




}

@media only screen and (max-width:480px) {
	
	/* 포토뉴스 */
	.photo_list ul li{width:50%;}

}

@media only screen and (max-width:420px) {

	/* c_state */
	.c_state input[type="text"]{width:165px;}


}