@charset "UTF-8";

select,
input,
label,
button,
textarea {
	font-family: "Pretendard";
}

.txc {
	text-align: center !important;
}

/* board_cont */
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 2px solid #222;
}

table td {
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
}

table th {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
	background-color: #f7f7f7;
}

table.board_write td {
	text-align: left;
}
.board_cont.max1200 {
	max-width: 1200px;
	padding: 0 ;
	margin:0 auto;
}
.board_cont .synthesis {
	padding: 10px 0;
	text-align: right;
}

/* input 공통*/
input {
	height: 45px;
	border: 1px solid #dddddd;
	padding: 0 0 0 10px;
}

input.datepicker {
	background-image: url(/resource/images/sub/ico_month.png);
	background-repeat: no-repeat;
	background-size: 17px;
	background-position: center right 10px;
}

input[type=date] {
	position: relative;
	width: 100%;
	border: 1px solid #dddddd;
	padding: 0 35px 0 15px;
	background-color: #ffffff;
	background-image: url("/resource/images/board/ico_calendar.png");
	background-position: center right 15px;
	background-repeat: no-repeat;
}

input[type=date]::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: transparent;
	cursor: pointer;
}

input[type=date]::before {
	content: attr(placeholder);
	width: 100%;
}

input[type=checkbox] {
	display: none;
}

input[type=checkbox] + span.chk {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: none;
	background-image: url("/resource/images/board/chk_off_member.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;
	cursor: pointer;
}

input[type=checkbox]:checked + span.chk {
	background-image: url("/resource/images/board/chk_on_member.png");
}

select {
	height: 45px;
	border: 1px solid #dddddd;
	padding: 0 45px 0 10px;
	background-image: url("/resource/images/board/slt_arrow2.png");
	background-size: 13px;
	background-position: right 14px center;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea {
	border: 1px solid #dddddd;
}

.imp {
	color: #e01515;
	font-size: 17px;
	vertical-align: top;
}


/* datepicker */

.ui-datepicker {
	background: #fff;
	padding: 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	z-index:2 !important;
}

.ui-datepicker table td {
	padding: 7px 10px;
	line-height: 1;
}

.ui-datepicker select {
	height: 35px;
}

.ui-datepicker-header {
	position: relative;
	background: #fff;
	text-align: center;
	padding: 10px;
}

.ui-datepicker-header a {
	cursor: pointer;
}

.ui-datepicker-today {
	background: #0084CA;
}

.ui-datepicker-today a {
	color: #fff;
}

.ui-datepicker-prev {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.ui-datepicker-next {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.ui-datepicker-buttonpane {
	margin-top: 5px;
}

.ui-datepicker-buttonpane button {
	border: 1px solid #ddd;
	padding: 2px 5px;
	margin: 0 3px;
	background: #efefef;
	border-radius: 4px;
}

.ui-datepicker-current-day {
	background: #dafcff;
}

.ui-datepicker-current-day a {color:#000;}
.check_box label {
	font-size: 0;
}

.inp_txt {
	margin: 0 0 22px;
}

.inp_txt input {
	width: 100%;
	padding: 0 10px;
}

.textarea textarea {
	width: 100%;
	height: 208px;
	padding: 10px;
}

.email_box {
	display: flex;
	font-size: 0;
	align-items: center;
}

.email_box input {
	display: inline-block;
	max-width: 326px;
	width: 100%;
	padding: 0 0 0 10px;
	font-weight: 500;
	font-size: 21px;
	vertical-align: middle;
}

.email_box span {
	display: inline-block;
	margin: 0 8.5px;
	font-weight: 500;
	font-size: 21px;
	vertical-align: middle;
}

.email_box select {
	display: inline-block;
	max-width: 326px;
	width: 100%;
	margin: 0 0 0 35px;
	vertical-align: middle;
}

.info_txt {
	margin: 15px 0 0;
	font-weight: 500;
	font-size: 21px;
	color: #888888;
}

/* 마크 */
.mark_area {
	display: flex;
	margin: 0;
	font-size: 0;
	gap: 5px 10px;
	flex-wrap: wrap;
	align-items: center;
}

.order .mark {
	display: flex;
	border: 1px solid #0084ca;
	padding: 0;
	background-color: #ffffff;
	font-weight: 700;
	font-size: 15px;
	color: #18558d;
	text-align: center;
	width: 90px;
	height: 80px;
	align-items: center;
	justify-content: center;
}
		
.mark {
	display: inline-block;
	border: 1px solid #788DA3;
	padding: 4px 20px;
	background-color: #788DA3;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	line-height: 1;
}

.mark.red {
	border: 1px solid #dc193c;
	background-color: #dc193c;
	color: #ffffff;
}

.mark.blue {
	border: 1px solid #18558d;
	background: #18558d;
	color: #fff;
}

.mark.gray {
	border: 1px solid #e2e2e2;
	background: #f7f7f7;
	color: #888;
}

.mark.new_mark {
	position: relative;
	width: 31px;
	height: 29px;
	border: 1px solid #b23f3f;
	padding: 0;
	background: #b23f3f;
	vertical-align: top;
	margin-left: 10px;
	color: #fff;
	border-radius: 50%;
}

.mark.new_mark::before {
	display: block;
	content: "N";
	position: absolute;
	top: 0;
	left: 50%;
	font-size: 15px;
	line-height: 29px;
	transform: translateX(-50%);
}

.mark.sty2 {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	padding: 10px 15px;
	background-color: #0084ca;
	font-size: 16px;
	line-height: 1;
	color: #ffffff;
	z-index: 2;
}

.mark.sty2.black {
	left: inherit;
	right: 0;
	background-color: #3a3a3a;
	color: #ffffff;
}

.sub_sch_box {
	margin-bottom: 30px;
	text-align: center;
}

.sub_sch_box .sch_box {
	display: inline-block;
}

.sub_sch_box .sch_box .box {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: start;
}
.sub_sch_box .sch_box .box:not(:first-child) {display: none;}
 
.sub_sch_box .sch_box .box.active {display:flex !important;}
.sub_sch_box .sch_box .box + .box {
	margin-top: 10px;
}

.sub_sch_box .sch_box .box .com_data_box {
	padding: 10px 0;
}

.sub_sch_box .sch_box .box .com_data {
	align-items: center;
}

.sub_sch_box .sch_box .box .com_data,
.sub_sch_box .sch_box .box .row {
	display: flex;
	gap: 20px;
}

.sub_sch_box .sch_box .box .com_data .tit_box {
	display: block;
}

.sub_sch_box .sch_box .box .com_data .tit_box .tit {
	font-size: 17px;
}

.sub_sch_box .sch_box .box .chk_list_area {
	margin: 30px 0;
}

.sub_sch_box .sch_box .box .chk_list_area .tit_box {
	display: none;
}

.sub_sch_box .sch_box .box .chk_list_area .chk_list ul {

	gap: 0;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
}

.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li {
	margin: 0;
	padding: 0 10px;
}

.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li .btn_box {
	margin: 0;
}

.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li .btn {
	min-width: 150px;
	margin: 0;
	padding: 0 20px;
	background-color: #f1f1f1;
	font-weight: 500;
	font-size: 21px;
	line-height: 55px;
	color: #000000;
	border-radius: 10px;
	border: 0;
}

.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li .btn:hover,
.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li .btn.chk {
	background-color: #0084ca;
	color: #ffffff;
}


.sub_sch_box .sch_box .box .com_data label,
.sub_sch_box .sch_box .box .row label {
	display: none;
}

.sub_sch_box .sch_box .box .com_data .input_box input,
.sub_sch_box .sch_box .box .row .input_box input {
	height: 55px;
	border: 0;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 0 20px;
}

.sub_sch_box .sch_box .box .row .input_box input#searchKeyword {
	min-width: 560px;
}

.sub_sch_box .sch_box .box .st_sch_btn {
	background-color: #3D4C63;
	color: #fff;
	height: 55px;
	font-size: 19px;
	padding: 0 40px;
	border-radius: 10px;
}

/* 페이징 */
/* 페이징 */
.pagination {
	margin: 56px 0 0 0;
	text-align: center;
}

.pagination a {
	display: inline-block;
	width: 29px;
	font-weight: 500;
	font-size: 17px;
	line-height: 29px;
	color: #000000;
	text-align: center;
}

.pagination a.active {
	background-color: #e3f0f8;
	color: #18558d;
	border-radius: 50%;
}

.pagination,
.paging_area {
	margin: 56px 0 0 0;
	display: flex;
	justify-content: center;
	gap: 3px;
}

.paging_area ul {
	display: flex;
}

.pagination a,
.paging_area a {
	display: block;
	width: 29px;
	font-weight: 500;
	font-size: 17px;
	line-height: 29px;
	color: #000000;
	text-align: center;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
}

.paging_area .on a.num,
.paging_area a.active {
	color: #18558D;
	background: #E3F0F8;
}

.paging_area .list .prev a.icon,
.pagination .l1,
.paging_area .l1 {
	background-image: url("/resource/images/board/paging_arrow_left_b.png");
}

.pagination .l2,
.paging_area .l2 {
	background-image: url("/resource/images/board/paging_arrow_left_f.png");
}

.paging_area .list .next a.icon,
.pagination .r1,
.paging_area .r1 {
	background-image: url("/resource/images/board/paging_arrow_right_b.png");
}

.pagination .r2,
.paging_area .r2 {
	background-image: url("/resource/images/board/paging_arrow_right_f.png");
}

/* 버튼 */
.btn_area {
	margin: 56px 0 0 0;
	font-size: 0;
	text-align: right;
}
.btn_area.c {text-align: center;}

.btn {
	display: inline-block;
	min-width: 151px;
	margin: 0 26px 0 0;
	border: 2px solid #7d7d7d;
	padding: 10.5px 49px;
	font-weight: 500;
	font-size: 21px;
	color: #222222;
	text-align: center;
	border-radius: 5px;
	vertical-align: top;
}

.btn.big {
	min-width: 300px;
	padding: 15px 60px;
	font-size: 23px;
}
.btn.sm {
	min-width: auto;
	padding: 7px 15px;
	font-size: 17px;
}

.btn:last-child {
	margin: 0;
}

.btn:hover,
.btn:focus {
	background-color: #7d7d7d;
	color: #ffffff;
}

.btn.blue {
	border: 2px solid #0084ca;
	color: #0084ca;
}

.btn.blue:hover,
.btn.blue:focus {
	background-color: #0084ca;
	color: #ffffff;
}

.btn.blue2 {
	border: 2px solid #0084ca;
	background-color: #0084ca;
	color: #ffffff;
}

.btn.blue2:hover,
.btn.blue2:focus {
	color: #ffffff;
}

.btn.green {
	border: 2px solid #5D9E35;
	color: #5D9E35;
}

.btn.green:hover,
.btn.green:focus {
	background-color: #5D9E35;
	color: #ffffff;
}
.btn.green2 {
	border: 2px solid #00936b;
	color: #00936b;
}

.btn.green2:hover,
.btn.green2:focus {
	background-color: #00936b;
	color: #ffffff;
}

.btn.red {
	background:#fff;
	border: 2px solid #E43258;
	color: #E43258;
}

.btn.red:hover,
.btn.red:focus {
	background-color: #E43258;
	color: #ffffff;
}

.btn.br0 {
	border-radius: 0;
}

.btn.dark {
	background: #3c4256;
	color: #fff;
	height: 45px;
	border: 0;
	padding: 0 20px;
	font-size: 18px;
	min-width: auto;
}
@media all and (max-width:768px) {
	
	.btn.dark {
		height: 38px;
	}
}

.btn.sty2 {
	min-width: inherit;
	width: 100%;
	margin: 0 0 0 0;
	border: none;
	padding: 10px 0;
	background-color: #d5ebc8;
	font-size: 18px;
	color: #437c21;
	border-radius: 0;
}

.btn.sty2:hover,
.btn.sty2:focus {
	background-color: #5D9E35;
	color: #ffffff;
}

.btn.sty2.blue {
	background-color: #b4e8ef;
	color: #177a87;
}

.btn.sty2.blue:hover,
.btn.sty2.blue:focus {
	background-color: #177a87;
	color: #ffffff;
}

.sub_sch_box .sch_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    background: #f7f7f7;
}

#detail_box {
    position:relative;
    display:inline-block;
    padding: 11px;
    color:#fff;
    border:0;
    padding: 10px;
    font-size: 19px;
}
#detail_box:hover,#detail_box:focus {
	background:inherit;
}
#detail_box::before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1;
    background:#0084ca;
    border-bottom:none;
    border-radius: 0;
    box-shadow: 0 0.65em white inset;
    transform:perspective(.5em) rotateX(-5deg);
    transform-origin: bottom;
}

/* 서치 바 */
.row {
	font-size: 0;
	text-align: center;
}

.row .slt_box {
	display: inline-block;
	margin: 0 15px 0 0;
	vertical-align: middle;
}

.row .slt_box:last-child {
	margin: 0;
}

.slt_box select {
	border: 1px solid #dddddd;
	padding: 0 35px 0 25px;
	background-image: url("/resource/images/board/slt_arrow.png");
	background-position: center right 20px;
	background-repeat: no-repeat;
	min-width: 150px;
	height: 55px;
	font-weight: 500;
	font-size: 19px;
	color: #000000;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 10px;
}

.row .sch_box {
	display: inline-block;
	max-width: 547px;
	width: 100%;
	border: 1px solid #dddddd;
	padding: 0 25px;
	font-size: 0;
	border-radius: 10px;
	vertical-align: middle;
}

.row .sch_box input {
	display: inline-block;
	width: calc(100% - 50px);
	border: none;
	padding: 0 0 0 5px;
	font-size: 19px;
	line-height: 52px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
}

.row .sch_box .sch_btn {
	display: inline-block;
	width: 50px;
	height: 45px;
	background-image: url("/resource/images/base/ico_search.png");
	background-size: 19px;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}

/* 공모소식 */
.search_area.bg_gray {
	padding: 30px 30px 30px 50px;
	background-color: #f7f7f7;
}

.row.flex {
	display: flex;
	margin: 0 0 10px;
	text-align: left;
	align-items: center;
}

.row.flex:last-child {
	margin: 0;
}

.row.flex .tit {
	width: 90px;
	margin: 0 16px 0 0;
	font-weight: 500;
	font-size: 16px;
	color: #000000;
}

.row.flex .box {
	display: flex;
	width: calc(100% - 106px);
	align-items: center;
	justify-content: space-between;
}

.row_btn {
	display: inline-block;
	width: 24%;
	height: 40px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	font-size: 17px;
	line-height: 40px;
	color: #000000;
	text-align: center;
}

.row_btn:focus,
.row_btn:hover {
	background-color: #efefef;
}

.row_btn.on {
	border: 1px solid #0084CA;
	background-color: #0084CA;
	color: #ffffff;
}

.row.flex .slt_box {
	width: 24%;
	margin: 0;
}

.row.flex .slt_box select {
	width: 100%;
	border: 1px solid #dddddd;
	padding: 0 35px 0 15px;
	background-position: center right 15px;
	font-size: 16px;
	line-height: 38px;
	border-radius: inherit;
}

.row.flex .sch_box {
	max-width: 75%;
	padding: 0;
	background-color: #ffffff;
	border-radius: inherit;
}

.row.flex .sch_box input {
	font-size: 16px;
	line-height: 38px;
}

.row.flex .sch_box .sch_btn {
	height: 38px;
}

.date_area {
	display: flex;
	width: 100%;
	align-items: center;
}

.date_area .date {
	width: 24%;
}

.date_area .date input {
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 38px;
	color: #000000;
}

.date_area .bar {
	margin: 0 15px;
	font-size: 16px;
	color: #000000;
}

/* 게시글 리스트 */
.board_list_area {
	margin: 41px 0 0;
	border-top: 1px solid #333;
}

.board_list_area .total {
	padding: 10px 0;
	text-align: right;
}

.board_list_area > .list > li {
	/* margin: 0 0 10px 0; */
	border-bottom: 1px solid #e2e2e2;
}

.board_list_area > .list > li:last-child {
	margin: 0;
}

.board_list_area > .list > li a {
	display: inline-block;
}

.board_list_area > .list > li {
	display: flex;
	width: 100%;
	padding: 20px 25px;
	background: #fff;
	align-items: center;
	/* min-height: 100px; */
	gap: 20px;
	/* flex-wrap:wrap; */
}

.board_list_area > .list > li > div {
	width: 100%;
}

.board_list_area > .list > li a .mark {
	/* width: auto; */
}

.board_list_area > .list > li:hover,
.board_list_area > .list > li:focus {
	background-color: #f9f9f9;
}

.board_list_area > .list > li.major {
	background-color: #fffae9;
}

.board_list_area > .list > li.major .num {
	border-color: #c12a2a;
	color: #fff;
	background: #c12a2a;
}

.board_list_area > .list > li a.major:hover,
.board_list_area > .list > li a.major:focus {
	background-color: #fffae9;
}

.board_list_area > .list > li a.major .num {
	background: #ea3d00;
	border-color: #ea3d00;
	color: #fff;
}

.board_list_area > .list > li .tit_area {
	display: flex;
	margin: 0 0 0;
	font-size: 0;
	/*	flex-wrap: wrap;*/
	align-items: center;
	gap: 5px 18px;
}

.board_list_area > .list > li .tit_area .tit a {
	font-weight: 500;
	font-size: 21px;
	color:#000;
	vertical-align: middle;
}

.board_list_area > .list > li .tit_area .tit a.red {
	color: #8d1834;
}

.board_list_area > .list > li a .tit_area .date {
	font-size: 17px;
	color: #7d7d7d;
	vertical-align: middle;
}

.board_list_area > .list > li .order {
	margin-left: auto;
	display: flex;
	gap: 10px;
	width: auto;
}

.board_list_area > .list > li .order span {
	/* font-size: 15px; */
	font-size: 14px;
}
.board_list_area > .list > li .order span.hide {font-size:0;text-indent: -99999px;position: absolute;}
.board_list_area > .list > li .dates{ /* 2024.11.05 add */
     display: block; 
    margin: 5px 0 0 97px;
    font-size: 17px;    
}
 
/*base*/
.btn_board {
	/* width: 90px; */
	/* height: 80px; */
    width: 60px;
    height: 50px;
	border: 2px solid #0084ca;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background: #fff;
	flex-direction: column;
	gap: 10px;
	text-align: center;
}

.btn_board i {
	color: #0084ca;
}

.btn_board span {
	color: #0084ca;
	font-weight: 600;
}

.btn_board.sm:hover,
.btn_board:hover,
.btn_board:focus {
	background: #0084ca;
	border-color: #0084ca;
}

/*download*/

.btn_board.download {
	border-color: #05A0AC;
}

.btn_board.download i,
.btn_board.download span {
	color: #05A0AC;
}

.btn_board.sm.download:hover,
.btn_board.download:hover,
.btn_board.download:focus {
	background: #05A0AC;
	border-color: #05A0AC;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: -1; /* 뒤로 숨김 */
    display: none; /* 아예 안 보이게 처리 */
}
/*download*/

.btn_board.ebook_view {
	border-color: #ff8500;
}

.btn_board.ebook_view i,
.btn_board.ebook_view span {
	color: #ff8500;
}

.btn_board.sm.ebook_view:hover,
.btn_board.ebook_view:hover,
.btn_board.ebook_view:focus {
	background: #ff8500;
	border-color: #ff8500;
}

.btn_board:hover i,
.btn_board:focus i {
	color: #fff;
}

.btn_board.sm:hover span,
.btn_board:hover span,
.btn_board:focus span {
	color: #fff;
}

/*

over

.btn_board:hover i,
.btn_board:focus i {

}
.btn_board.sm:hover span,
.btn_board:hover span,
.btn_board:focus span {
	color:#fff;
}

.btn_board.sm.download:hover,
.btn_board.sm.download:hover span,
.btn_board.download:hover,
.btn_board.download:hover i,
.btn_board.download:focus i,
.btn_board.download:focus {
	background:#34AFB7;
	border-color:#34AFB7;
	color:#fff;
}

.btn_board.sm.ebook_view:hover,
.btn_board.sm.ebook_view:hover span,
.btn_board.ebook_view:hover, 
.btn_board.ebook_view:hover i,
.btn_board.ebook_view:focus i,
.btn_board.ebook_view:focus {
	background:#e0c521;
	border-color:#e0c521;
	color:#fff;
}
*/

.btn_board span {
	font-size: 16px;
}

.btn_board i {
	display: none;
	font-size: 27px;
}

.board_div_list .order {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.btn_board.sm {
	font-size: 14px;
	width: auto;
	height: 32px;
	padding: 0 5px;
	line-height: 32px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	background: #fff;
	gap: 5px;
	flex-direction: row;
	min-width: 113px;
}

.btn_board.sm span {
	font-size: 14px;
	margin: 0 !important;
}

.btn_board.sm i {
	font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}

.board_div_list > .list .info_area {
	display: flex;
	margin: 0 0 0 0;
	flex-wrap: wrap;
	align-items: start;
	gap: 5px 25px;
	flex-direction: column;
}

.board_list_area > .list > li .mark.num {
	white-space: nowrap;
	min-width: 80px;
}

.board_list_area > .list > li .info_area {
	display: flex;
	margin: 6px 0px 0 0;
	flex-wrap: wrap;
	align-items: start;
	gap: 5px 25px;
	flex-direction: column;
}

.board_div_list > .list .info_area .info {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0;
	align-items: start;
	width: 100%;
	gap: 2px 15px;
}

.board_list_area > .list > li .info_area .info {
	display: flex;
	margin: 0 0 0;
	align-items: start;
	width: 100%;
	gap: 2px 12px;
}

.board_list_area > .list > li .info_area .info .txt:before {
	content: ':';
	display: inline-block;
	margin-right: 10px;

}

.board_div_list > .list .info_area .info .tit,
.board_list_area > .list > li .info_area .info .tit {
	font-weight: 500;
	font-size: 16px;
	color: #555555;
	flex: 0 0 65px;
	line-height: 1.2;
	display: flex;
	justify-content: space-between;
}

.board_div_list > .list .info_area .info .txt,
.board_list_area > .list > li .info_area .info .txt {
	font-size: 16px;
	color: #555555;
	margin-bottom: 0;
	line-height: 1.2;
	flex: 1 1 calc(100% - 95px);
	word-break: break-all;
	word-break: keep-all;

}

.board_div_list > .list .info_area .info .tit span {
	margin: 0;
}

.btn_board {}

.btn_board.file_view {}

.btn_board.download {}

.btn_board.ebook_view {}

.btn_board.file_view {}

/* box */
.synthesis {
	padding: 10px 0;
}

.board_div_list {
	border-top: 1px solid #333;
}

.board_div_list .empty {
	text-align: center;
	padding: 40px;
	color: #7d7d7d;
	background-color: #f7f7f7;
}

.board_div_list .list {
	padding: 20px;
	/* margin-bottom: 15px; */
	padding: 20px 40px;
	border-bottom: 1px solid #E2E2E2;
	background: #fff;
	min-height: 133px;
}

.board_div_list .list:hover {
	/* background: #f7f7f7; */
}

.board_div_list .list.red {
	background: #fffae9;
}

.board_div_list .list.red .num {
	background: #ea3d00;
	border-color: #ea3d00;
	color: #fff;
}

.board_div_list .list.red:hover {
	background: #fffae9;
}

.board_div_list .list span {}

.board_div_list .list span {
	margin-right: 10px;
}

.board_div_list .list span i {
	vertical-align: top;
	margin-top: 3px;
}

.board_div_list .list .title {
	display: block;
	margin: 0;
}

.board_div_list .list .title a {
	font-size: 24px;
	font-weight: 500;
	color: #000;
	padding: 5px 0;
	display: inline-block;
}


.board_div_list .list .title a:hover {
	text-decoration: underline;
}

.board_div_list .list .order {
	margin-top: 10px
}

.board_div_list .list .dates {
	font-size: 15px;
	/*	margin-bottom: 10px;*/
	margin-right: 0;
	color: #888;
	display: block;
}

.board_div_list .list .file {
	display: none;
}

.board_div_list .list .title .file {
	display: inline-block;
	margin-left: 10px;
	/*   padding: 4px 10px;
    background: #fff;
    border: 1px solid #ddd; */
}

.board_div_list .list .num {
	display: inline-block;
	padding: 4px 10px;
	background: #fff;
	color: #000;
	border: 1px solid #ddd;
}

.board_div_list .list .new2 {
	display: inline-block;
	padding: 4px 10px;
	color: #fff;
	background: #ff0000;
	border: 1prgb(255, 225, 234) #ff0000;
}


a .flex {
	display: flex;
	padding: 10px 0;
	gap: 30px;
	padding-left: 115px;
}

a .flex i {
	margin-right: 10px;
	color: #777;
}

/* 정렬 버튼 */
.array_area {
	margin: 23px 0 20px 0;
	font-size: 0;
	padding: 0 14px 0 0;
	text-align: right;
}

.array_btn {
	display: inline-block;
	position: relative;
	margin: 0 15px 0 0;
	padding: 0 16px 0 0;
	font-weight: 500;
	font-size: 18px;
	color: #000000;
}

.array_btn::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 13px;
	background-color: #000000;
	transform: translateY(-50%);
}

.array_btn:last-child {
	position: inherit;
	margin: 0;
	padding: 0;
}

.array_btn:last-child:before {
	display: none;
}

/* 탭 버튼 */
.tab_area {
	display: flex;
	margin: 0 0 35px 0;
	gap: 15px;
	padding: 0;
	font-size: 0;
	justify-content: center;
}

.tab_btn.bg {
    padding: 0 30px;
    background-color: #f1f1f1;
    font-weight: 500;
    font-size: 21px;
    line-height: 60px;
    border-radius: 10px;
    text-align: center;
    flex: 1 1 50%;
}

.tab_btn.bg.on {
	background-color: #0084ca;
	color: #ffffff;
}

.tab_btn.bg.black.on {
	background-color: #000000;
}

.tab_area.v2 {
	margin: 0 0 50px 0;
}

.tab_area.gap30 {
	gap: 10px 30px;
	flex-wrap: wrap;
}

.tab_btn {
	display: inline-block;
}

.tab_btn.sns {
	width: 40px;
	height: 40px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
}

.tab_btn.sns::before {
	display: none;
}

.tab_btn.sns.all {
	border: 1px solid #999999;
	font-weight: 500;
	font-size: 12px;
	line-height: 40px;
	color: #999999;
	text-align: center;
}

.tab_btn.sns.face {
	background-image: url("/resource/images/board/sns_facebook_g.png");
}

.tab_btn.sns.instar {
	background-image: url("/resource/images/board/sns_instagram_g.png");
}

.tab_btn.sns.blog {
	background-image: url("/resource/images/board/sns_blog_g.png");
}

.tab_btn.sns.youtube {
	background-image: url("/resource/images/board/sns_youtube_g.png");
}

.tab_btn.sns.all.on {
	border: 1px solid #0084CA;
	background-color: #0084CA;
	color: #ffffff;
}

.tab_btn.sns.face.on {
	background-image: url("/resource/images/board/sns_facebook.png");
}

.tab_btn.sns.instar.on {
	background-image: url("/resource/images/board/sns_instagram.png");
}

.tab_btn.sns.blog.on {
	background-image: url("/resource/images/board/sns_blog.png");
}

.tab_btn.sns.youtube.on {
	background-image: url("/resource/images/board/sns_youtube.png");
}

.detail_webzine_wrap .top_area {
	padding: 30px 50px;
	background-color: #f7f7f7;
	text-align: center;
	margin-bottom: 50px;
}

.detail_webzine_wrap .top_area .txt_box {
	font-size: 21px;
	line-height: 1.6;
	margin-bottom: 0;
}

/* 갤러리 상단 */
.gallery_top_area {
	margin-bottom: 30px;
}

.gallery_top_area .bg_text_box {
	padding: 30px 50px;
	background-color: #f7f7f7;
	text-align: center;
}

.gallery_top_area .bg_text_box .tit {
	font-weight: 500;
	font-size: 26px;
	/* color: #0084ca; */
}

.gallery_top_area .bg_text_box .sub_tit {
	font-weight: 500;
	margin: 12px 0 0 0;
	font-size: 18px;
	color: #000;
}

.gallery_top_area .bg_text_box .sub_tit.ft_c {
	color: #e43258;
}

.gallery_top_area .bg_text_box.sty2 {
	padding: 30px 30px;
	text-align: left;
}

.gallery_top_area .bg_text_box.sty2 .btn_box {
	margin: 35px 0 0 0;
}

.gallery_top_area .bg_text_box.sty2 .tit.sty2 {
	font-size: 25px;
	color: #000000;
	text-align: center;
}

.gallery_top_area .bg_text_box.sty2 .tit.sty2.order p {
	font-size: 20px;
}
.gallery_top_area .bg_text_box.sty2 .sty2.order p + p {margin-top: 10px;}
.gallery_top_area .bg_text_box.sty2 .sty2.order p.tit {font-weight: bold;}

/* 갤러리 게시물 리스트 */
.gallery_cont .gallery_list > .list {
	display: flex;
	flex-wrap: wrap;
}

.gallery_cont .gallery_list > .list > li {
	position: relative;
	flex: 0 0 25%;
	padding: 15px;
}

.gallery_cont .gallery_list > .list > li a {}

.gallery_cont .gallery_list > .list > li a:hover .tit {
	font-weight: bold;
}

.gallery_cont .gallery_list > .list > li .img_box {
	transition: all .3s ease-in-out;
	line-height: 0;
}
.gallery_cont .gallery_list > .list > li .img_box img {width:100%;}
.gallery_cont .gallery_list > .list > li .img_box .ytb {max-height:clamp(127px, 16vw, 235px);display: flex;justify-content: center;align-items: center;overflow:hidden;}

@media all and (min-width:769px) {
	.gallery_cont .gallery_list > .list > li:hover .img_box {
		transform: translateY(-10px);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	}
	
	.gallery_cont .gallery_list > .list > li:hover .category_type {
		top: 5px;
	}
		
}
@media all and (max-width:768px) {
	.gallery_top_area .bg_text_box.sty2 .tit.sty2.order p {font-size: 16px;}
}
.gallery_cont .gallery_list > .list.col3 > li {
	flex: 0 0 33.33%;
	padding:15px 25px;
}

.gallery_cont .gallery_list > .list.sty3 > li {
	flex: 0 0 33.33%;
	padding:15px 25px;
}
.gallery_cont .gallery_list > .list.col3 > li .category_type {right:25px;}
.gallery_cont .gallery_list > .list > li .move_link {
	display: block;
	width: 100%;
}

.gallery_cont .gallery_list > .list > li .move_link .wrap {
	position: relative;
	min-height: inherit;
	padding: 0;
}

.gallery_cont .gallery_list > .list > li .move_link .wrap .img_box {
	position: relative;
	padding: 0 0 100%;
}

.gallery_cont .gallery_list > .list > li .move_link .wrap .img_box img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.gallery_cont .gallery_list > .list > li .move_link .wrap .text_box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(to bottom right, #0084CA, #5BBC2B);
	opacity: 0;
	z-index: 3;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery_cont .gallery_list > .list > li .move_link:focus .wrap .text_box,
.gallery_cont .gallery_list > .list > li .move_link:hover .wrap .text_box {
	opacity: 1;
	transition: all 0.2s ease;
}

.gallery_cont .gallery_list > .list > li .move_link .wrap .text_box .inner_box {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 35px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.gallery_cont .gallery_list > .list > li .move_link .wrap .text_box .inner_box .txt {
	margin: 0;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
}

.gallery_cont .gallery_list > .list > li .tit {
	margin: 20px 0 7px 0;
    word-break: keep-all;
}

.gallery_cont .gallery_list > .list > li .tit > a {
	display: block;
	width: 100%;
	font-weight: 500;
	font-weight: 600;
	font-size: 21px;
	color: #000000;
	text-align: center;
}

.category_type {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 2;
	font-size: 0;
	transition: all .3s ease-in-out;
}

.category_type .baseteg {
	display: inline-block;
	line-height: 35px;
	padding: 0 15px;
	background: #00659e;
	color: #fff;
	font-size: 17px;
}

.category_type .area {
	display: inline-block;
	line-height: 35px;
	padding: 0 15px;
	background: #333;
	color: #fff;
	font-size: 17px;
}

.category_type.face {
	background-image: url("/resource/images/board/sns_facebook.png");
	width: 50px;
	height: 50px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.category_type.instar {
	background-image: url("/resource/images/board/sns_instagram.png");
	width: 50px;
	height: 50px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.category_type.blog {
	background-image: url("/resource/images/board/sns_blog.png");
	width: 50px;
	height: 50px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.category_type.youtube {
	background-image: url("/resource/images/board/sns_youtube.png");
	width: 50px;
	height: 50px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.gallery_cont .gallery_list > .list.sty2 {
	gap: 20px;
	margin: 0 -20px 0 0;
}

.gallery_cont .gallery_list > .list.sty2 > li {
	flex: 0 0 calc(33.3333% - 20px);
}

.gallery_cont .gallery_list > .list.sty2 > li .txt_box {
	display: block;
	padding: 20px 0;
}

.gallery_cont .gallery_list > .list.sty2 > li .txt_box .txt1 {
	font-size: 21px;
	font-weight: 500;
}

.gallery_cont .gallery_list > .list.sty2 > li .txt_box .txt3 {
	color: #777;
	margin-top: 5px;
}

.gallery_cont .gallery_list > .list.sty2 > li .img_box {
	background-position: center;
	background-size: cover;
}

.gallery_cont .gallery_list > .list.sty2 > li .img_box img {
	width: 100%;
}

.gallery_cont .gallery_list > .list.sty2 > li .move_link .wrap .img_box {
	padding: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0;
}

.gallery_cont .gallery_list > .list.sty2 > li .move_link .wrap .img_box img {
	position: inherit;
	max-width: inherit;
	vertical-align: top;
}

.gallery_cont .gallery_list > .list.sty3 > li .move_link .wrap .img_box {
	padding: 0;
}

.gallery_cont .gallery_list > .list.sty3 > li .move_link .wrap .img_box img {
	position: inherit;
}

.gallery_cont .gallery_list > .list.sty3 > li .move_link .wrap .txt_box .txt1 {
	font-size: 14px;
	color: #0084CA;
	font-weight: 500;
}

.gallery_cont .gallery_list > .list.sty3 > li .move_link .wrap .txt_box .txt2 {
	font-size: 20px;
	font-weight: 400;
	color: #0d0d0d;
	line-height: 140%;
	margin: 5px 0 10px;
}

.gallery_cont .gallery_list > .list.sty3 > li .move_link .wrap .txt_box .txt3 {
	font-size: 14px;
	font-weight: 400;
	color: #999;
}

.gallery_cont .gallery_list > .list.sty3 > li .move_link .wrap .txt_box .txt1 span {
	position: relative;
	padding-left: 10px;
	margin-left: 10px;
	color: #999;
	font-weight: 400;
}

.gallery_cont .gallery_list > .list.sty3 > li .move_link .wrap .txt_box .txt1 span:after {
	position: absolute;
	content: "";
	top: 50%;
	margin-top: -7px;
	left: -0.5px;
	background: #D9D9D9;
	width: 1px;
	height: 14px;
}

/* .img_box .inner_box img {width:100%;} */

.gallery_cont .gallery_list > .list.sty4 {
	margin-top: 30px;
	gap: 0 51px;
}

.gallery_cont .gallery_list > .list > li {
	display: flex;
	flex-direction: column;
}

.gallery_cont .gallery_list > .list.sty4 > li {
	flex: 1 1 calc(25% - 51px);
}

.gallery_cont .gallery_list > .list > li .move_link .wrap .img_box {
	padding: 0;
}

.gallery_cont .gallery_list > .list > li .move_link .wrap .img_box img {
	position: inherit;
}

.gallery_cont .gallery_list > .list > li .btn_area {
	display: flex;
	margin: 13px 0 0 0;
	flex-wrap: nowrap;
}

.gallery_cont .gallery_list > .list > li .btn_area .btn.sty2 {
	font-size: 15px;
}

.gallery_cont .gallery_list > .list > li .tit {
	flex-grow: 1;
}

/* 게시판 상세 view 페이지 */
.board_detaul_wrap {
	padding: 50px 0;

	margin: 0 auto;
	max-width: 1400px;
}

.board_view_wrap {
	max-width: 1400px;
	margin: 0 auto;
}

.board_view_top {
	margin: 0 0 20px;
	padding: 20px 0;
	text-align: center;
	display: flex;
	justify-content: center;
	/* align-items: center; */
	gap: 20px;
	/*	flex-direction: column;*/
}
.board_view_top.column {flex-direction: column;gap:10px;}
.board_view_top.column .tit {margin-bottom:0;}
.board_view_top .thumb_area {
	border: 1px solid #ddd;
	flex: 0 0 220px;
	line-height: 0;
}

.board_view_top .thumb_area img {
	width: 220px;
}

.board_view_top .thumb_area + .base_top {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	flex: 1 1 auto;
	padding: 30px 0;
}

.board_view_top .thumb_area + .base_top .tit {
	display: flex;
	flex-direction:column;
    gap: 10px;
    padding: 0 90px;
    align-items: center;
}

.board_view_top .thumb_area + .base_top .info {
	width: auto;
	border: 1px solid #ddd;
	border-radius: 30px;
	margin: 0;
}

.board_view_top.dl_style {
	text-align: left;
	justify-content: start;
	background: #FFFCF0;
	padding: 20px;
	position: relative;
	padding-left: 130px;
}

.board_view_top dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-size: 18px;
}

.board_view_top.dl_style:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 100px;
	background-image: url(/resource/images/sub/img_book.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.board_view_top dl dt {
	flex: 0 0 130px;
	padding: 10px;
}

.board_view_top dl dd {
	flex: 1 1 calc(100% - 140px);
	padding: 10px;
	font-weight: 500;
	font-size: 19px;
}

.board_view_top .tit {
	position: relative;
	font-weight: 500;
	font-size: 33px;
	color: #000000;
	margin-bottom: 25px;
	display: block;
}

.board_view_top .tit .ebook_view {
	
    display: inline-block !important;
    line-height: 29px;
}

.board_view_top .info {
	margin: auto;
	background: #fff;
	text-align: center;
	padding: 10px 30px;
	display: inline-block;
	/*	border: 1px solid #ddd;*/
	border-radius: 30px;
}

.board_view_top .info .each {
	padding: 0 10px;
	display: inline-block;
}

.board_view_top .info .each .ft_color {
	display: inline-block;
	margin-right: 10px;
	color: #666;
}

.board_view_con {
	line-height: 1.5;
	margin: 0 0 35px 0;
	border: 1px solid #dddddd;
	padding: 40px 30px;
}

.board_view_con .video_wrap {

	padding: 30px 0;
	max-width: 1000px;
	margin: 0 auto;

}

.board_view_con .video_wrap iframe {
	max-width: 100%;
	margin: 0 auto;
	max-height: 555px;
	height: 50vw;
	width: 100% !important;
}

.board_view_file {
	border: 1px solid #dddddd;
	padding: 40px 30px;
}

.view_info_area {
	margin: 0 0 50px;
	font-size: 0;
	text-align: center;
}

.view_info_area .info_wrap {
	display: inline-block;
	border: 1px solid #dddddd;
	padding: 10px 30px;
	font-size: 0;
	border-radius: 40px;
}

.view_info_area .info_wrap i {
	display: inline-block;
	margin: 0 13px 0 0;
	font-size: 25px;
	color: #000000;
	vertical-align: middle;
}

.view_info_area .info_wrap .date {
	display: inline-block;
	margin: 0 50px 0 0;

	font-size: 17px;
	color: #888888;
	vertical-align: middle;
}

.view_info_area .info_wrap .view_num {
	display: inline-block;

	font-size: 17px;
	color: #888888;
	vertical-align: middle;
}

.view_info_area.sty2 {
	margin: 0 0 40px;
}

.view_info_area.sty2 .info_wrap {
	display: block;
	padding: 10px;
	text-align: center;
}

.editor_area {
	margin: 0 0 35px 0;
	border: 1px solid #dddddd;
	padding: 70px 60px;
}

.editor_area img {
	height: auto !important;
}

.editor_area > * {
	font-family: "Pretendard";
	font-weight: 500;
	font-size: 19px;
	line-height: 205%;
	color: #000000;
}

.editor_area.sty2 {
	border: none;
	border-bottom: 1px solid #dddddd;
	padding: 0 0 30px;
}

.file_area {
	position: relative;
	margin: 0 0 20px 0;
	/* min-height: 120px; */
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	padding: 30px;
	background-position: left 35px center;
	background-repeat: no-repeat;
}

.file_area .file_box {
	display: flex;
	align-items: center;
	gap: 20px;
}

.file_area .file_box .tt {
	flex: 0 0 80px;
}

.file_area .file_box .file_list {
	border-left: 1px solid #aaa;
	padding-left: 20px;
}

.file_area .file_list .btn_board {
	position: static;
	display: inline-block !important;
	transform: none;
	height: auto;
	vertical-align: top;
	padding: 4px 10px;
	width: auto;
	border-radius: 6px;
	margin-left: 10px;
	line-height: 1;
}

.file_area .file_list .btn_board i,
.file_area .file_list .btn_board span {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
}

.file_area .file_list .btn_board span {
	margin-top: 2px;
}

.file_area .btn_board {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.file_area .file_each {
	margin-top: 7px;
}

.file_area .file_each:first-child {
	margin-top: 0;
}

.file_area .file_down {
	display: inline-block;
	font-weight: 500;
	font-size: 17px;
	color: #000000;
	word-break: break-all;
	padding-left: 30px;
	line-height: 30px;
}

.file_area .file_down:hover {
	text-decoration: underline;
}

.file_area .file_down:last-child {
	margin: 0;
}

.file_area.sty2 {
	margin: 30px 0 0;
	border: none;
	padding: 0 0 0 60px;
	background-position: left center;
}

.editor_view {
	min-height: 100px;
}
.editor_view table td {
	text-align: inherit;
}
.editor_view.newsletter_view table,
.editor_view.newsletter_view table td {padding:0;border:0;    background: initial;    line-height: initial;}
 
.editor_view li, .editor_view ol, .editor_view ul {   
	list-style: revert;
}
 .editor_view ol, .editor_view ul {padding-left:20px;}
.board_detail .scroll {
	max-width: 100%;
	overflow: auto;
}

.editor_view img {
	height: auto !important;
}

.ty_btn {
	border: 1px solid #aaa;
	display: inline-block;
	padding: 2px 10px;
	vertical-align: top;
	background: #fff;
	margin-left: 10px;
}

.move_btn_area {
	display: flex;
	justify-content: space-between;
}

.move_btn_area .move_btn {
	display: block;
	font-weight: 500;
	font-size: 19px;
	color: #000000;
}

.move_btn_area .move_btn.next i {
	margin: 0 10px 0 0;
}

.move_btn_area .move_btn.prev i {
	margin: 0 0 0 10px;
}

/* 자료실 상세 view 페이지 */
.archive_view_box {
	display: flex;
	margin: 0 0 43px;
	border: 1px solid #cccccc;
	padding: 80px 100px;
	font-size: 0;
}

.archive_view_box .area.left {
	margin: 0 61px 0 0;
	font-size: 0;
}

.archive_view_box .area.left .img_box {
	display: inline-block;
	border: 1px solid #000000;
}

.archive_view_box .area.right {
	flex: 1;
}

.archive_view_box .area.right .title_area {
	margin: 0 0 40px 0;
}

.archive_view_box .area.right .title_area .title {
	font-weight: 500;
	font-size: 30px;
	color: #000000;
}

.archive_view_box .area.right .index {
	margin: 0 0 30px;
	font-weight: 500;
	font-size: 30px;
	color: #0084ca;
}

/* 문의 */
.inquiry_sub_tit {
	position: relative;
	margin: 0 0 34px;
	padding: 0 0 0 23px;
	font-weight: 500;
	font-size: 30px;
	color: #000000;
}

.inquiry_sub_tit::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 13px;
	background-color: #0084ca;
	border-radius: 50%;
}

.inquiry_text_area {
	margin: 30px 0 25px;
	border: 1px solid #aaaaaa;
}
.inquiry_text_area.v2 p {
	margin-bottom:20px;
}
.inquiry_text_area.v2 ul {
	margin-bottom:20px;
}
.inquiry_text_area > div {
	padding: 30px;
}

.inquiry_text_area > div > * {
	font-weight: 400;
	font-size: 17px;
	color: #000000;
}

.check_box {
	font-size: 0;
}

.check_box label {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.check_box label span {
	display: inline-block;
	vertical-align: middle;
}

.check_box label span.chk {
	position: absolute;
	top: 4px;
	left: 0;
	z-index: 1;
}

.check_box label span.txt {
	position: relative;
	margin: 0;
	padding: 0 0 0 30px;
	font-weight: 500;
	font-size: 19px;
	color: #000000;
}

.check_box input[type="checkbox"] {
	display:block;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.check_box input[type="checkbox"]:focus + .chk {
    outline: 2px solid #000;
    outline-offset: 2px;
    border-radius: 2px;
}
/* radio */
.radio_box {
  display: flex;
  gap: 40px;
  align-items: center;
  /* margin-top: 15px; */
  flex-wrap: wrap;
}

.radio_box label {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-size: 17px;
  color: #333;
  font-weight: 500;
  line-height: 1.4;
}

/* 라디오 숨김 */
.radio_box input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
   width: 24px;
   height: 24px;
   border: 0;
}
.radio_box input[type="radio"]:focus-visible {outline:2px dashed #000;}

/* 체크 아이콘 before */
.radio_box .txt {
  display: inline-flex;
  align-items: center;
  padding-left: 32px; /* 아이콘 여백 */
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 22px;
  margin: 0;
  font-size: 17px;
  transition: color 0.2s ease;
}

/* 기본 상태 (off 이미지) */
.radio_box input[type="radio"] + .txt {
  background-image: url('/resource/images/board/chk_off_member.png');
}

.radio_box input[type="radio"]:checked + .txt {
  background-image: url('/resource/images/board/chk_on_member.png');
  font-weight: bold;
  color: #000;
  /* color: #0084ca; */
}

.radio_box label:hover .txt {
  /* color: #0084ca; */
}

@media (max-width: 768px) {
  .radio_box {
    gap: 20px;
  }
  .radio_box label {
    font-size: 15px;
  }
}

/* tab area */
.tab_area.inquiry {
	margin: 0;
	gap: 0 35px;
	justify-content: inherit;
	flex-wrap: nowrap;
}

.tab_area.inquiry .tab_btn {
	max-width: 326px;
	min-width: inherit;
	width: 100%;
}

.inquiry_box {
	margin: 30px 0 70px;
}

.inquiry_box.flex {
	display: flex;
	align-items: center;
}

.inquiry_box.flex .spam_area {
	height: 45px;
	border: 1px solid #dddddd;
	padding: 0 10px;
	line-height: 45px;
}

.inquiry_box.flex .inp_txt {
	max-width: 300px;
	margin: 0 0 0 20px;
}

.inquiry_box.flex .btn {
	min-width: inherit;
	margin: 0 0 0 20px;
	padding: 8px 25px;
}

/* margin */
.ma0 {
	margin: 0;
}

.ma55 {
	margin: 55px 0;
}

.mat55 {
	margin: 55px 0 0;
}

.mab46 {
	margin: 0 0 46px;
}

.search_area {
	padding: 0;
	margin: 30px 0;
}

.search_area .row .input_box input {
	height: 55px;
}

.search_area .row .slt_box {
	height: 55px;
}

.search_area.bg_gray .row .slt_box {
	height: 45px;
}

.search_area.bg_gray .row.flex .slt_box select,
.search_area.bg_gray .row .input_box input {
	height: 45px;
}


.search_area .row {
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: center;
}

.sch_box_btn {
	height: 55px;
}

.search_area .form_block {
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: center;
}

.search_area .row + .row {
	margin-top: 15px;
}

.search_area .row label {}

.sch_box_btn {
	padding: 0 39px;
	font-size: 19px;
	line-height: 43px;
	border: 1px solid #575e62;
	background-color: #575e62;
	color: #fff;
	display: inline-block;
}

.view_title_area .title {
	text-align: center;
	font-size: 32px;
	margin-bottom: 30px;
	font-weight: 500;
}

@media all and (max-width: 1400px) {
	.result_block {
/*		padding: 0 20px;*/
	}
}
@media all and (max-width: 1280px) {
	.board_cont.max1200 {
		padding: 0 20px;
	}
	.board_view_top {
		flex-direction: column;
		margin-bottom: 10px;
		padding: 0;
	}

	.board_view_top .thumb_area {
		margin: auto;
		margin-bottom: 25px;
	}

	.board_view_top .thumb_area + .base_top {
		border: 0;
		padding: 0;
	}

	.board_view_top .thumb_area + .base_top .info,
	.board_view_top .info {
		border: 1px solid #ddd;
		border-radius: 0;
		width: 100%;

	}

	/*
	.board_view_top .thumb_area + .base_top .info {
		border-radius: 30px;
		width: auto;
	}
*/

	.board_detaul_wrap {
		padding: 30px 15px 60px 15px;
	}

	.board_view_con {
		padding: 0;
	}

	.editor_view {
		padding: 15px;
	}

	/* board_cont */
	.board_cont {
		padding: 0 20px;
	}

	/* 갤러리 게시물 리스트 */
	.gallery_cont .gallery_list > .list.sty4 {
		margin: 0 -40px 0 0;
		gap: 0 40px;
	}

	.gallery_cont .gallery_list > .list.sty4 > li {
		flex: 0 0 calc(25% - 40px);
	}

	/* 자료실 상세 view 페이지 */
	.archive_view_box {
		padding: 60px 80px;
	}

	.archive_view_box .area.left {
		margin: 0 50px 0 0;
	}
}

@media all and (max-width: 1080px) {
	.board_view_top .thumb_area + .base_top .tit {
		flex-direction: column;gap:0;
	}
	.board_view_top .tit .ebook_view {
		position: static;    
		width: 130px;
		margin: 10px auto 0 auto;
		height: 35px;
    	line-height:29px;
	}
	
	.btn_board.sm i {font-size:17px;}
	.board_view_top.dl_style {
		padding-left: 90px;
	}

	.board_view_top.dl_style:before {
		width: 60px;
		height: 60px;
	}

	.board_view_top dl dt {
		flex: 0 0 90px;
		padding: 10px;
	}

	/* 갤러리 게시물 리스트 */
	.gallery_cont .gallery_list > .list > li {
		flex: 0 0 calc(33.3333% - 25px);
	}

	/* 자료실 상세 view 페이지 */
	.archive_view_box {
		padding: 50px 70px;
	}

	.archive_view_box .area.left {
		margin: 0 40px 0 0;
	}
}

@media all and (max-width: 960px) {
	.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li .btn {
		min-width: 120px;
		padding: 0 10px;
	}

	.board_list_area > .list > li .order span {
		font-size: 15px;
	}

	.view_title_area .title {
		font-size: 23px;
		word-break: keep-all;
		padding: 0 20px;
		margin: 0 0 10px 0;
	}

	.board_view_top.dl_style {
		gap: 0;
		padding: 20px;
	}

	.board_view_top.dl_style:before {
		display: none;
	}

	.board_view_top dl dd,
	.board_view_top dl dt {
		padding: 5px;
		font-size: 17px;
	}

	/* board_cont */
	/* .board_cont {padding: 0;} */
	/* input 공통*/
	input {
		height: 42px;
	}

	input[type=checkbox] + span.chk {
		width: 20px;
		height: 20px;
	}

	select {
		height: 42px;
		padding: 0 35px 0 10px;
		background-size: 15px auto;
		background-position: right 15px center;
	}

	.inp_txt {
		margin: 0 0 15px;
	}

	.textarea textarea {
		height: 180px;
	}

	.email_box input {
		font-size: 19px;
	}

	.email_box span {
		margin: 0 5px;
		font-weight: 500;
		font-size: 19px;
	}

	.email_box select {
		margin: 0 0 0 27px;
	}

	.info_txt {
		margin: 10px 0 0;
		font-size: 16px;
		line-height: 1.2;
	}

	/* 마크 */
	.mark {
		padding: 3px 10px;
		font-size: 15px;
		min-width: 50px;
	}

	.mark.new_mark {
		width: 22px;
		height: 22px;
	}

	.mark.new_mark::before {
		font-size: 14px;
		line-height: 22px;
	}

	.mark.sty2 {
		padding: 10px;
		font-size: 16px;
	}

	.paging_area {
		margin: 40px 0 0 0;
	}

	.paging_area {
		margin: 0 15px 0 0;
	}

	.paging_area .num {
		width: 27px;
		font-size: 16px;
		line-height: 27px;
	}

	.paging_area .prev {
		margin: 0 25px 0 0;
	}

	.paging_area .next {
		margin: 0 0 0 25px;
	}

	.paging_area .icon {
		height: 27px;
		background-size: auto 12px;
	}

	/* 버튼 */
	.btn_area {
		margin: 40px 0 0 0;
	}

	.btn {
		min-width: 120px;
		margin: 0 20px 0 0;
		padding: 10px 39px;
		font-size: 19px;
	}

	.btn.sty2 {
		font-size: 16px;
	}

	.board_list_area > .list > li .tit_area {
		display: block;
		width: 100%;
	}

	.btn_board {
		width: auto;
		height: 35px;
		padding: 0 10px;
		line-height: 35px;
		flex-direction: row;
		gap: 10px;
		display: inline-block;
	}

	.btn_board i {
		font-size: 21px;
	}

	.board_list_area > .list > li .order {
		flex-wrap: wrap;
	}

	.board_list_area > .list > li {
		flex-wrap: wrap;
		align-items: start;
		min-height: auto;
		flex-direction: column;
		gap: 10px;
	}

	/* 서치 바 */
	.slt_box select {
		padding: 0 55px 0 20px;
		background-position: center right 25px;
		font-size: 17px;
		line-height: 46px;
		/*		border-radius: 25px;*/
		height: 55px;
	}

	.row .sch_box {
		padding: 0 20px;
		border-radius: 25px;
	}

	.row .sch_box input {
		width: calc(100% - 48px);
		border: none;
		font-size: 17px;
		line-height: 46px;
	}

	.row .sch_box .sch_btn {
		width: 48px;
		height: 46px;
		background-size: 17px;
	}

	/* 공모소식 */
	.search_area.bg_gray {
		padding: 20px 20px 20px 40px;
	}

	.row.flex .tit {
		width: 70px;
		margin: 0 10px 0 0;
		font-size: 16px;
	}

	.row.flex .box {
		width: calc(100% - 80px);
	}

	.row_btn {
		height: 38px;
		font-size: 16px;
		line-height: 38px;
	}

	.row.flex .slt_box select {
		padding: 0 35px 0 15px;
		background-position: center right 15px;
		font-size: 16px;
		line-height: 36px;
		border-radius: inherit;
	}

	.row.flex .sch_box {
		padding: 0;
		border-radius: inherit;
	}

	.row.flex .sch_box input {
		font-size: 16px;
		line-height: 36px;
	}

	.row.flex .sch_box .sch_btn {
		height: 36px;
	}

	.date_area .date input {
		font-size: 16px;
		line-height: 36px;
	}

	.date_area .bar {
		margin: 0 10px;
		font-size: 16px;
	}

	.search_area {
		margin-bottom: 30px;
		text-align: center;
	}

	/* 게시글 리스트 */
	.board_list_area {
		margin: 35px 0 0 0;

	}

	.board_list_area > .list > li a {
		padding: 15px 15px;
	}

	.board_list_area > .list > li a .tit_area {
		margin: 0 0;
		gap: 5px 15px;
	}

	.board_list_area > .list > li .tit_area .tit a {
		font-size: 19px;
		padding: 0 0 0;
	}

	.board_list_area > .list > li .tit_area .tit a br {
		display: none;
	}

	.board_list_area > .list > li a .tit_area .date {
		font-size: 16px;
	}

	.board_list_area > .list > li .info_area {
		margin: 10px -20px 0 0;
		gap: 5px 20px;
	}

	.board_list_area > .list > li .info_area .info {
		margin: 0 -10px 0 0;
		gap: 5px 10px;
	}

	.board_list_area > .list > li .info_area .info .tit {
		font-size: 18px;
	}

	.board_list_area > .list > li .info_area .info .txt {
		font-size: 16px;
		/*		word-break: break-all;*/
	}

	/* 정렬 버튼 */
	.array_area {
		margin: 20px 0 15px 0;
		padding: 0 10px 0 0;
	}

	.array_btn {
		margin: 0 12px 0 0;
		padding: 0 13px 0 0;
		font-size: 16px;
	}

	.array_btn::before {
		height: 11px;
	}

	/* 탭 버튼 */
	.tab_area {
		margin: 0 0 45px 0;
	}

	.tab_area.gap30 {
		gap: 10px 20px;
	}

	.tab_btn.bg {
		font-size: 19px;
		line-height: 45px;
	}

	/* 갤러리 상단 */
	.gallery_top_area .bg_text_box {
		padding: 20px 40px;
	}

	.gallery_top_area .bg_text_box .tit {
		font-size: 22px;
	}

	.gallery_top_area .bg_text_box .sub_tit {
		margin: 12px 0 0 0;
		font-size: 17px;
	}

	.gallery_top_area .bg_text_box.sty2 {
		padding: 15px;
		word-break: keep-all;
		font-size: 16px;
	}

	.gallery_top_area .bg_text_box.sty2 br {
		display: none;
	}

	.gallery_top_area .bg_text_box.sty2 .btn_box {
		margin: 25px 0 0 0;
	}

	.gallery_top_area .bg_text_box.sty2 .tit.sty2 {
		font-size: 19px;
	}

	/* 갤러리 게시물 리스트 */
	.gallery_cont .gallery_list > .list {}
	.gallery_cont .gallery_list > .list.col3 > li,
	.gallery_cont .gallery_list > .list > li {
		flex: 0 0 33.33%;
		padding: 10px;
	}

	.gallery_cont .gallery_list > .list > li .move_link .wrap .text_box .inner_box {
		padding: 25px;
	}

	.gallery_cont .gallery_list > .list > li .move_link .wrap .text_box .inner_box .txt {
		font-size: 16px;
	}

	.gallery_cont .gallery_list > .list > li .tit {
		margin: 5px 0 20px 0;
		font-size: 19px;
	}

	.gallery_cont .gallery_list > .list > li .tit > a {
		font-size: 17px;
	}
	.gallery_cont .gallery_list > .list.col3 > li .category_type,
	.category_type {
		top: 10px;
		right: 10px;
		height: 40px;
		width: auto;
		display: inline-block;
	}

	.category_type .baseteg {
		padding: 0 10px;
		font-size: 15px;
	}

	.category_type .area {
		padding: 0 10px;
		font-size: 15px;
	}

	.gallery_cont .gallery_list > .list.sty2 > li {
		flex: 0 0 calc(50% - 20px);
	}

	.gallery_cont .gallery_list > .list.sty4 {
		margin: 0 -30px 0 0;
		gap: 30px;
	}

	.gallery_cont .gallery_list > .list.sty4 > li {
		flex: 0 0 calc(50% - 30px);
	}

	.gallery_cont .gallery_list > .list.sty4 > li .btn_area {
		margin: 20px 0 0 0;
	}

	/* 게시판 상세 view 페이지 */
	.board_view_top {
		margin: 0 0 20px;
	}

	.board_view_top .tit {
		font-size: 28px;
	}

	.view_info_area {
		margin: 0 0 50px;
	}

	.view_info_area .info_wrap i {
		margin: 0 10px 0 0;
		font-size: 21px;
	}

	.view_info_area .info_wrap .date {
		margin: 0 40px 0 0;
		font-size: 16px;
	}

	.view_info_area .info_wrap .view_num {
		font-size: 16px;
	}

	.editor_area {
		margin: 0 0 30px 0;
		padding: 50px 40px;
	}

	.editor_area > * {
		font-size: 16px;
	}

	.file_area {
		margin: 0 0 25px 0;
		padding: 30px 30px 30px 30px;
		background-size: 30px auto;
	}

	.file_area .file_down {
		margin: 0 0 4px;
		font-size: 16px;
	}

	.move_btn_area .move_btn {
		font-size: 16px;
	}

	.move_btn_area .move_btn.next i {
		margin: 0 8px 0 0;
	}

	.move_btn_area .move_btn.prev i {
		margin: 0 0 0 8px;
	}

	/* 자료실 상세 view 페이지 */
	.archive_view_box {
		padding: 40px 60px;
	}

	.archive_view_box .area.left {
		margin: 0 30px 0 0;
	}

	.archive_view_box .area.right .title_area {
		margin: 0 0 30px 0;
	}

	.archive_view_box .area.right .title_area .title {
		font-size: 26px;
	}

	.archive_view_box .area.right .index {
		margin: 0 0 20px;
		font-size: 26px;
	}

	/* 문의 */
	.inquiry_sub_tit {
		margin: 0 0 30px;
		padding: 0 0 0 20px;
		font-size: 27px;
	}

	.inquiry_sub_tit::before {
		width: 10px;
		height: 10px;
	}

	.inquiry_text_area {
		margin: 20px 0 20px;
	}

	.inquiry_text_area > div {
		padding: 20px;
		max-height: 200px;
		overflow: auto;
	}

	.inquiry_text_area > div > * {
		font-size: 16px;
		line-height: 1.4;
	}

	.check_box label span.txt {
		padding: 0 0 0 25px;
		font-size: 16px;
	}

	.tab_area.inquiry {
		gap: 10px 10px;
		flex-wrap: wrap;
	}

	.tab_area.inquiry .tab_btn {
		padding: 0 10px;
		font-size: 17px;
	}

	.inquiry_box {
		margin: 20px 0 50px;
	}

	.inquiry_box.flex .spam_area {
		height: 42px;
		line-height: 42px;
	}

	.inquiry_box.flex .inp_txt {
		margin: 0 0 0 15px;
	}

	.inquiry_box.flex .btn {
		max-width: 90px;
		width: 100%;
		margin: 0 0 0 15px;
		padding: 7.5px 25px;
	}

	/* margin */
	.ma55 {
		margin: 45px 0;
	}

	.mat55 {
		margin: 45px 0 0;
	}

	/* table thead {
		display: none;
	}

	table tbody {
		display: block;
	}

	table tbody tr {
		width: 100% !important;
		display: block !important;
		border-bottom: 1px solid #e5e5e5 !important;
		padding: 15px;
	}

	table tbody tr td {
		display: block !important;
		border: 0 !important;
		line-height: 1.42857143;
		text-align: left;
		padding: 0 !important;
		height: auto;
		margin-bottom: 5px;
	} */
}


@media all and (max-width: 980px) {
	.sub_sch_box .sch_box .box .row .input_box input#searchKeyword {
		min-width: 400px;
	}
}

@media all and (max-width: 960px) {
	.board_list_area > .list > li > div {
		position: relative;
	}

	.board_list_area > .list > li .tit_area .tit {
		margin-top: 10px;
	}

	.board_list_area > .list > li > div .mark_area {
		position: absolute;
		right: 0;
		top: 0;
	}

	.board_view_con {
		border: 0;
	}
}

@media all and (max-width: 768px) {
	
	.category_type {
	    top: 5px;
	    right: auto;
		height: 40px;
		width: auto;
		display: inline-block;
	}
	
	.board_div_list .list .order,
	.board_div_list > .list .info_area .info .tit, .board_list_area > .list > li .info_area .info .tit,
	.board_div_list > .list .info_area .info .txt, .board_list_area > .list > li .info_area .info .txt {
		font-size: 15px;
	}
	.sub_sch_box .sch_box {
		display: block;
	}

	.sub_sch_box .sch_box .box .chk_list_area .chk_list ul {
		gap: 0;
		justify-content: flex-start;
	}

	.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li {
		flex: 0 0 33%;
		padding: 5px;
	}

	.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li .btn {
		font-size: 18px;
		line-height: 45px;
		padding: 0 10px;
		width: 100%;
		min-width: auto;
		border-radius: 10px;
	}

	.board_write.sty2 {
		display: block;
		width: 100%;
	}

	.board_write.sty2 tbody {
		display: block;
		width: 100%;
	}

	.board_write.sty2 tbody tr {
		display: block;
		width: 100%;
	}

	.board_write.sty2 tbody tr th {
		text-align: left;
		padding: 7px 10px;
		display: block;
		width: 100%;
		border: 0;
		border-bottom: 1px solid #ddd;
	}

	.board_write.sty2 tbody tr td {
		padding: 7px 10px;
		display: block;
		width: 100%;
		border: 0;
		border-bottom: 1px solid #ddd;
	}

	.sub_sch_box .sch_box .box .row .input_box input#searchKeyword {
		min-width: auto;
	}

	.gallery_top_area .bg_text_box {
		margin-bottom: 20px;
	}

	/* 페이징 */
	.paging_area {
		margin: 30px 0 0 0;
	}

	/* 버튼 */
	.btn_area {
		margin: 30px 0 0 0;
	}

	.btn_area.archive {
		text-align: center;
	}

	/* 서치 바 */
	.row {
		text-align: inherit;
	}

	.row .sch_box {
		max-width: calc(100% - 162px);
	}

	/* 공모소식 */
	.search_area.bg_gray {
		padding: 15px 15px 15px 30px;
	}

	.row.flex {
		display: block;
		margin: 0 0 20px;
	}

	.row.flex .tit {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.row.flex .box {
		width: 100%;
		flex-wrap: wrap;
	}

	.row_btn {
		padding: 0;
	}

	.row.flex .slt_box {
		width: 100%;
		margin: 0 0 10px;
	}

	.row.flex .sch_box {
		max-width: 100%;
	}

	.date_area .date {
		width: 100%;
	}

	.date_area .bar {
		margin: 0 5px;
	}

	/* 게시글 리스트 */
	.total {
		font-size: 15px;
	}

	.board_list_area {
		margin: 25px 0 0 0;
	}

	.board_list_area > .list > li {
		padding: 15px 10px;
		gap: 10px;
	}

	.board_list_area > .list > li .tit_area .tit a {
		font-size: 19px;
		margin: 0;
		word-break: keep-all;
		padding-bottom: 0;
	}

	a .flex {
		padding: 10px 0;
	}

	/* 탭 버튼 */
	.tab_area {
		margin: 0 0 35px 0;
	}

	.tab_area.gap30 {
		gap: 10px;
	}

	/* 갤러리 상단 */
	.gallery_top_area .bg_text_box {
		padding: 20px 30px;
	}

	/* 갤러리 게시물 리스트 */
	.gallery_cont .gallery_list > .list.col3 > li,
	.gallery_cont .gallery_list > .list.sty3 > li {
		flex: 0 0 50%;
		padding: 5px;
	}
	.gallery_cont .gallery_list > .list > li .img_box .ytb {
	    max-height: clamp(99px, 27vw, 193px);
	}
	.gallery_cont .gallery_list > .list > li {
		flex: 0 0 50%;
		padding: 3px;
	}

	.gallery_cont .gallery_list > .list.sty3 > li .move_link .wrap .txt_box .txt2 {
		font-size: 17px;
		line-height: 1.2;
	}

	/* 게시판 상세 view 페이지 */
	.board_view_top .tit {
		font-size: 24px;
		word-break: keep-all;
	}

	/* 자료실 상세 view 페이지 */
	.archive_view_box {
		padding: 30px 20px;
		flex-direction: column;
		align-items: center;
	}

	.archive_view_box .area.left {
		margin: 0 0 30px;
	}

	.archive_view_box .area.right .title_area {
		margin: 0 0 30px 0;
	}

	.archive_view_box .area.right .title_area .title {
		text-align: center;
	}

	.archive_view_box .area.right .index {
		margin: 0 0 20px;
	}

	/* margin */
	.ma55 {
		margin: 35px 0;
	}

	.mat55 {
		margin: 35px 0 0;
	}
}



@media all and (max-width: 330px) {
	.board_list_area > .list > li .order span {
		font-size:14px;
	}

	.gallery_cont .gallery_list > .list.col3 > li,
	.gallery_cont .gallery_list > .list.sty3 > li {
		flex: 1 1 100%;
		padding: 5px;
		max-height:auto;
	}
	.gallery_cont .gallery_list > .list > li .img_box .ytb {
		max-height:55vw; 
	}
}


@media all and (max-width: 680px) {
	.search_area .row {
		display: block;
	}

	.search_area .row label {
		flex: 0 0 70px;
	}

	.search_area .row .slt_box {
		flex: 1 1 auto;
	}

	.search_area .row .slt_box select {
		width: 100%;
		background-size: 11px auto;
	}

	.search_area .form_block {
		margin-bottom: 10px;
	}

	.search_area .row + .row {
		margin-top: 10px;
	}

	.search_area .input_box {
		width: 100%;
		margin-bottom: 10px;
	}

	.search_area .input_box input {
		width: 100%;
	}

	.pagination,
	.paging_area {
		gap: 1px;
	}

	.pagination a,
	.paging_area a {
		width: 20px;
		font-weight: 500;
		font-size: 15px;
		line-height: 16px;
		display: flex;
		background-size: auto 10px;
		justify-content: center;
		align-items: center;
	}

	/* 서치 바 */
	.row .slt_box {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}

	.row .slt_box select {
		width: 100%;
		padding: 0 0px 0 15px;
		background-position: center right 12px;
		background-size: 11px;
	}

	.row .sch_box {
		display: block;
		max-width: inherit;
		width: 100%;
	}

	.file_area .file_box {
		flex-direction: column;
		gap: 10px;
		align-items: start;
	}

	.file_area .file_box .tt {
		flex: 1 1 auto;
		font-weight: bold;
	}

	.file_area .file_box .file_list {
		padding: 0;
		border-left: 0;
	}
}

@media all and (max-width: 540px) {

	.category_type .area,
	.category_type .baseteg {
		padding: 0 10px;
		font-size: 14px;
		line-height: 28px;
	}

	.data_list .list li {
		font-size: 14px;
	}

	.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li .btn {
		font-size: 16px;
		line-height: 40px;
	}

	.sub_sch_box .sch_box .box .chk_list_area .chk_list ul li {
		flex: 0 0 50%;
		padding: 5px;
	}

	.search_area .row {}

	/* 버튼 */
	.btn_area {
		text-align: center;
	}

	.btn {
		margin: 0 15px 0 0;
		padding: 10px 30px;
	}

	/* 탭 버튼 */
	.tab_btn.bg {
		min-width: inherit;
		padding: 0 20px;
	}

	/* 갤러리 게시물 리스트 */
	.gallery_cont .gallery_list > .list.sty2 {
		margin: 0;
		gap: 20px 0;
	}

	.gallery_cont .gallery_list > .list.sty2 > li {
		flex: 0 0 100%;
	}
}

@media all and (max-width: 480px) {

	.board_view_top .info .each,
	.board_view_top dl dt {
		flex: 0 0 72px;
		font-size: 15px;
		line-height: 1.3;
	}

	.board_view_top dl dd {
		flex: 1 1 calc(100% - 110px);
	}

	.board_view_top.dl_style {
		padding: 10px;
	}

	.gallery_cont .gallery_list > .list.sty3 > li .move_link .wrap .txt_box .txt2 {
		font-size: 15px;
		line-height: 1.3;
	}


	/* input 공통*/
	input {
		height: 38px;
	}

	select {
		height: 38px;
		padding: 0 30px 0 10px;
		background-position: right 10px center;
		width: 100%;
	}

	.textarea textarea {
		height: 150px;
	}

	.email_box input,
	.email_box span {
		font-size: 16px;
	}

	.email_box select {
		margin: 0 0 0 24px;
	}

	/* 마크 */
	.mark {
		padding: 5px 11px;
	}

	/* 페이징 */
	.paging_area {
		margin: 20px 0 0 0;
	}

	.paging_area {
		margin: 0 10px 0 0;
	}

	.paging_area .prev {
		margin: 0 20px 0 0;
	}

	.paging_area .next {
		margin: 0 0 0 20px;
	}

	.paging_area .icon {
		height: 25px;
	}

	/* 버튼 */
	.btn_area {
		margin: 20px 0 0 0;
	}

	.btn {
		min-width: inherit;
		margin: 0 10px 0 0;
		padding: 10px 20px;
		font-size: 17px;
	}

	.btn_area.archive .btn {
		min-width: 120px;
	}

	/* 서치 바 */
	.row .slt_box select {
		padding: 0 35px 0 15px;
		background-position: center right 15px;
		font-size: 17px;
		line-height: 42px;
		/*		border-radius: 20px;*/
	}

	/* 	.row .sch_box {
		max-width: calc(100% - 129px);
		padding: 0 15px;
		border-radius: 20px;
	} */

	.row .sch_box input {
		display: inline-block;
		width: calc(100% - 44px);
		border: none;
		font-size: 17px;
		line-height: 42px;
	}

	.row .sch_box .sch_btn {
		width: 44px;
		height: 42px;
		background-size: 15px;
	}

	/* 공모소식 */
	.search_area.bg_gray {
		padding: 10px 10px 10px 20px;
	}

	.row_btn {
		height: 36px;
		line-height: 36px;
	}

	.row.flex .slt_box {
		margin: 0 0 5px;
	}

	.row.flex .slt_box select {
		line-height: 34px;
	}

	.row.flex .sch_box input {
		line-height: 34px;
	}

	.date_area .date {
		width: -webkit-calc-(50% -10px);
		width: calc(50% - 10px);
	}

	.date_area .date input {
		line-height: 34px;
	}

	.date_area .bar {
		margin: 0 5px;
	}

	.order .mark {
		height: 35px;
	}

	/* 게시글 리스트 */
	.board_list_area {
		margin: 15px 0 0 0;
	}

	.board_list_area > .list > li a {
		padding: 8px;
		height: 32px;
	}

	.board_list_area > .list > li .tit_area .tit a {
		font-size: 18px;
		height: auto;
		line-height: 1.3;
		margin-bottom: 5px;
	}

	.file_area .file_list .btn_board span {
		margin-top: 0;
	}

	.board_list_area > .list > li a .tit_area .date {
		font-size: 16px;
	}

	.board_list_area > .list > li .info_area {
		margin: 5px 0 0;
		gap: 5px 15px;
	}

	.board_list_area > .list > li .info_area .info {
		gap: 0;
		/*		display: block;*/
	}

	.board_list_area > .list > li .info_area .info .tit {
		font-size: 15px;
		margin-bottom: 5px;
		line-height: 1.2;
		padding-right: 10px;
	}

	/* 정렬 버튼 */
	.array_area {
		margin: 15px 0 10px 0;
		padding: 0 5px 0 0;
	}

	.array_btn {
		margin: 0 10px 0 0;
		padding: 0 11px 0 0;
	}

	.array_btn::before {
		height: 9px;
	}

	/* 탭 버튼 */
	.tab_btn.bg {
		font-size: 16px;
		line-height: 40px;
	}

	/* 갤러리 상단 */
	.gallery_top_area .bg_text_box {
		padding: 20px;
	}

	.gallery_top_area .bg_text_box .tit {
		font-size: 17px;
		word-break: keep-all;
		line-height: 1.4;
	}

	.gallery_top_area .bg_text_box .sub_tit,
	.gallery_top_area .bg_text_box.sty2 .tit.sty2 {
		font-size: 15px;
		line-height: 1.5;
	}

	/* 갤러리 게시물 리스트 */
	.gallery_cont .gallery_list > .list {
		margin: 0;
		gap: 10px 0;
	}

	.gallery_cont .gallery_list > .list > li {
		/* flex: 0 0 100%;
		padding:0; */
	}

	.gallery_cont .gallery_list > .list > li .move_link .wrap .text_box .inner_box {
		padding: 20px;
	}

	.gallery_cont .gallery_list > .list > li .tit {
		font-size: 16px;
		margin: 5px 0 ;
    	line-height: 1.3;
		word-break: keep-all;
	}

	.gallery_cont .gallery_list > .list > li .tit > a {
		font-size: 19px;
	}

	.gallery_cont .gallery_list > .list.sty4 {
		margin: 0;
		gap: 60px;
	}

	.gallery_cont .gallery_list > .list.sty4 > li {
		flex: 0 0 100%;
	}

	.gallery_cont .gallery_list > .list.sty4 > li .btn_area {
		margin: 15px 0 0 0;
	}

	/* 게시판 상세 view 페이지 */
	.board_view_top {
		margin: 0 0 10px;
	}

	.board_view_top .tit {
		font-size: 20px;
	}

	.view_info_area {
		margin: 0 0 20px;
	}

	.view_info_area .info_wrap {
		padding: 5px 20px;
		border-radius: 30px;
	}

	.view_info_area .info_wrap i {
		margin: 0 5px 0 0;
		font-size: 17px;
	}

	.view_info_area .info_wrap .date {
		margin: 0 20px 0 0;
	}

	.editor_area {
		margin: 0 0 20px 0;
		padding: 30px 20px;
	}

	.file_area {
		margin: 0 0 15px 0;
		padding: 15px;
		;
		background-size: 25px auto;
		background-position: 18px center;
	}

	.file_area .file_down {
		line-height: 1.2;
	}

	.move_btn_area .move_btn.next i {
		margin: 0 5px 0 0;
	}

	.move_btn_area .move_btn.prev i {
		margin: 0 0 0 5px;
	}

	/* 자료실 상세 view 페이지 */
	.archive_view_box .area.right .title_area .title,
	.archive_view_box .area.right .index {
		font-size: 20px;
	}

	/* 문의 */
	.inquiry_sub_tit {
		margin: 0 0 20px;
		padding: 0 0 0 18px;
		font-size: 24px;
	}

	.inquiry_sub_tit::before {
		width: 8px;
		height: 8px;
	}

	.inquiry_text_area {
		margin: 0 0 15px;
	}

	.tab_area.inquiry .tab_btn {
		padding: 0 15px;
	}

	.inquiry_box.flex .spam_area {
		height: 38px;
		line-height: 38px;
	}

	.inquiry_box.flex .btn {
		max-width: 70px;
		margin: 0 0 0 15px;
		padding: 7px 15px;
	}

	.board_list_area > .list > li.major .num {
		flex: 0 0 60px;
	}

	.board_list_area > .list > li .tit_area {
		display: block;
	}

}

@media all and (max-width: 420px) {
	.email_box {
		display: block;
	}

	.email_box input {
		width: calc(50% - 12px);
	}

	.email_box select {
		display: block;
		max-width: inherit;
		margin: 15px 0 0;
	}
}

@media all and (max-width: 380px) {


	/* 페이징 */
	.pagination,
	.paging_area {
		margin: 30px 5px 0 0;
	}

	.paging_area .prev {
		margin: 0 15px 0 0;
	}

	.paging_area .next {
		margin: 0 0 0 15px;
	}

	/* 공모소식 */
	.search_area.bg_gray {
		padding: 10px;
	}

	/* 문의 */
	.inquiry_box.flex {
		flex-wrap: wrap;
	}

	.inquiry_box.flex .inp_txt {
		flex: 1 0 0;
	}

	.inquiry_box.flex .btn {
		max-width: inherit;
		margin: 15px 0 0 0;
	}
}

@media all and (max-width: 340px) {

	/* 버튼 */
	.btn {
		min-width: inherit;
		margin: 0 10px 0 0;
		padding: 10px 15px;
		font-size: 16px;
		text-align: center;
	}
}

.box_scroll_agree {
	border: 1px solid #ddd;
	padding: 30px;
	margin-top: 30px;
}

.board_write_wrap {
	padding: 50px;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	margin-top: 30px;
	margin-bottom: 50px;
}

.board_write_wrap dl {
	display: flex;
	gap: 20px;
}

.board_write_wrap dl + dl {
	margin-top: 20px;
}

.board_write_wrap dl dt {
	flex: 0 0 150px;
	padding-top: 10px;
}

.board_write_wrap dl dd {
	flex: 1 1 auto;
}

.board_write_wrap dl dd iframe {
	background: #fff;
}

.board_write_wrap dl dd input {
	width: 100%;
}

.board_write_wrap dl dd button {
	height: 45px;
	width: 100px;
	background-color: #3D4C63;
	color: #fff;
	border-radius: 5px;
}

.form_flex {
	display: flex;
	gap: 10px;
}

.calendar_area {
	display: flex;
	align-items: center;
	gap: 10px;
}

.calendar_area input {
	max-width: 150px;
	width: 100%;
}

.select_radio_wrap .radio {
	position: relative;
	display: inline-block;
	text-align: left;
	margin-right: 15px;
}

.select_radio_wrap .radio input[type=radio] {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	left: 0;
	right: 0;
}

.select_radio_wrap .radio input[type=radio]:checked + label {
	background-color: #3D4C63;
	color: #fff;
}

.select_radio_wrap .radio label {
	display: block;
	line-height: 25px;
	border: 1px solid #ddd;
	cursor: pointer;
	padding: 12px 40px;
	font-size: 19px;
	background-color: #fff;
	color: #777;
	border-radius: 30px;
}

.chk_flex {
	display: flex;
	gap: 20px;
}

.chk_flex button {
	height: 55px;
	border-radius: 5px;
	width: 120px;
}

.chk_flex button.dark {
	color: #fff;
	background-color: #3D4C63;
}

.selectbox select {
	min-width: 150px;
}

.tab_board_list {
	margin-bottom: 50px;
}

.tab_board_list ul {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.tab_board_list ul li {
	flex: 0 0 170px;
	text-align: center;
}

.tab_board_list ul li.tab_1 a:before {
	background-image: url("/resource/images/board/board_tab_type1_01.png");
}

.tab_board_list ul li.tab_2 a:before {
	background-image: url("/resource/images/board/board_tab_type1_02.png");
}

.tab_board_list ul li.tab_3 a:before {
	background-image: url("/resource/images/board/board_tab_type1_03.png");
}

.tab_board_list ul li.tab_4 a:before {
	background-image: url("/resource/images/board/board_tab_type1_04.png");
}

.tab_board_list ul li.tab_5 a:before {
	background-image: url("/resource/images/board/board_tab_type1_05.png");
}

.tab_board_list ul li.tab_6 a:before {
	background-image: url("/resource/images/board/board_tab_type1_06.png");
}

.tab_board_list ul li.tab_7 a:before {
	background-image: url("/resource/images/board/board_tab_type1_07.png");
}

.tab_board_list ul li.tab_8 a:before {
	background-image: url("/resource/images/board/board_tab_type1_08.png");
}

.tab_board_list ul li.tab_9 a:before {
	background-image: url("/resource/images/board/board_tab_type1_09.png");
}

.tab_board_list ul li.tab_10 a:before {
	background-image: url("/resource/images/board/board_tab_type1_010.png");
}

.tab_board_list ul li.tab_11 a:before {
	background-image: url("/resource/images/board/board_tab_type1_011.png");
}

.tab_board_list ul li.tab_12 a:before {
	background-image: url("/resource/images/board/board_tab_type1_012.png");
}

.tab_board_list ul li a {
	border: 2px solid #333;
	display: block;
	padding: 15px;
	font-size: 20px;
	font-weight: 500;
	border-radius: 10px;
}

.tab_board_list ul li a:focus,
.tab_board_list ul li a:hover {
	background-color: #0084ca;
	border-color: #0084ca;
	color: #fff;
}

.tab_board_list ul li a:before {
	content: "";
	display: block;
	height: 90px;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

caption {
	text-indent: -99999px;
	height: 0;
}

.table_list {
	margin-top: 30px;
}

.table_list tr td a {
	color: #0084CA;
}

.table_list tr td a:hover {
	text-decoration: underline;
}

@media all and (max-width: 325px) {
	.board_list_area > .list > li .tit_area {
		display: block;
	}

	.btn_board span {
		font-size: 14px;
	}
}

@media all and (max-width: 1280px) {
	.tab_board_list ul {
		gap: 10px;
		flex-wrap: wrap;
	}

	.tab_board_list ul li {
		flex: 1 1 12%;
	}

	.tab_board_list ul li a {
		height: 100%;
		font-size: 17px;
		word-break: keep-all;
	}

	.tab_board_list ul li a::before {
		height: 60px;
		background-size: auto 50px;
	}
}

@media all and (max-width: 960px) {
	.board_write_wrap {
		padding: 5vw;
	}

	.select_radio_wrap .radio {
		margin-right: 7px;
	}

	.select_radio_wrap .radio label {
		padding: 12px 25px;
		line-height: 1;
	}

	.select_radio_wrap .radio:last-child {
		margin-right: 0;
	}
}

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

	.form_flex {
		flex-direction: column;
	}

	.tab_board_list ul {
		gap: 10px;
		flex-wrap: wrap;
	}

	.tab_board_list ul li {
		flex: 1 1 22%;
	}

	.tab_board_list ul li a:before {
		height: 40px;
		background-size: contain;
		margin: 0 0 5px 0;
	}

	.board_write_wrap dl dt {
		flex: 0 0 80px;
	}

	.sub_sch_box {
		padding: 0 20px;
	}

	.sub_sch_box .sch_box .box .com_data,
	.sub_sch_box .sch_box .box .row {
		gap: 10px;
	}

	.sub_sch_box .sch_box .box .chk_list_area .chk_list {
		width: 100%;
	}

	.sub_sch_box .sch_box .box .row * {
		width: auto;
		margin-bottom: 5px;
	}
	.sub_sch_box {margin-bottom:15px;}
	.sub_sch_box .sch_box .box .com_data_box {padding:0;}
	.sub_sch_box .sch_box .box .row .chk_list_area {margin:0 !important;}

	.sub_sch_box .sch_box .box .row .box.on {
		width: 100%;
	}

	.sub_sch_box .sch_box .box .row .input_box {
		flex: 1 1 auto;
	}

	.sub_sch_box .sch_box .box .row .input_box input {
		height: 40px;
		border-radius: 5px;
	}

	.row .slt_box select {
		height: 40px;
		line-height: 37px;
		min-width: 95px;
		border-radius: 5px;
	}

	.sub_sch_box .sch_box .box {
		display: block;
	}

	.sub_sch_box .sch_box .box .st_sch_btn {
		height: 40px;
		display: block;
		width: 100%;
		border-radius: 5px;
	}

	input,
	select,
	textarea,
	button,
	label,
	a {
		font-size: 16px;
	}

	.sch_box_btn {
		font-size: 17px;
	}
}

@media all and (max-width: 600px) {
	.tab_board_list ul {
		justify-content: center;
	}

	.tab_board_list ul li {
		flex: 1 1 calc(33% - 10px);
	}

	.tab_board_list ul li:nth-child(1) {
		flex: 1 1 100%;
	}

	.tab_board_list ul li:nth-child(1) a {
		justify-content: center;
	}

	.tab_board_list ul li a {
		padding: 10px;
		line-height: 1;
		text-align: left;
		display: flex;
		align-items: center;
		font-size: 15px;
		gap: 5px;
		letter-spacing: -1px;
	}

	.tab_board_list ul li a:before {
		width: 50px;
		height: 40px;
		display: inline-block;
		background-size: contain;
		margin: 0;
		vertical-align: middle;
	}
}

@media all and (max-width: 480px) {

	.sub_sch_box {
		padding: 0 10px;
	}

	.board_cont .sub_sch_box {
		padding: 0;
	}

	.board_list_area > .list > li .info_area .info .txt {
		padding-left: 13px;
		text-indent: -8px;
	}

	.board_write_wrap dl dd button {
		width: 100%;
	}

	.board_write_wrap dl {
		display: block;
	}

	.board_write_wrap dl dt {
		margin-bottom: 10px;
	}

	.select_radio_wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.select_radio_wrap .radio {
		margin: 0;
		flex: 1 1 calc(50% - 10px);
		display: flex;
		padding: 0;
		gap: 10px;
	}

	.select_radio_wrap .radio label {
		width: 100%;
		display: block;
		text-align: center;
		padding: 8px 15px;
		line-height: 1;
		font-size: 17px;
	}

	.board_write_wrap dl dd input {
		max-width: 100% !important;
	}

	.selectbox select {
		width: 100%;
	}
}

@media all and (max-width: 340px) {
	.tab_board_list ul li {
		flex: 1 1 20%;
	}
}


.tab_search_result {
	max-width: 1400px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.tab_search_result ul {
	display: flex;
	flex-wrap: wrap;
	/* align-items: start; */
	justify-content: center;
	gap: 5px;
}

.tab_search_result ul li {
	flex: 0 0 16.2%;
}

.tab_search_result ul li.on button {
	background-color: #0084CA;
	font-weight: 500;
	color: #fff;
}

.tab_search_result ul li button {
	display: block;
	padding: 12px 10px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ddd;
	font-size: 19px;
	height: 100%;
	width: 100%;
}

.total .cont_title {
	margin-bottom: 20px;
}

.total .cont_title .num {
	font-size: 23px;
	color: #0084CA;
}

.total .btn_back {
	float: right;
	border: 1px solid #ddd;
	padding: 6px 20px;
	background: #efefef;
	margin-top: 10px;
}

.result_block {
	margin-bottom: 50px;
}

.result_block .cont_title {
	position: relative;
	margin-bottom: 15px;
	font-size: 23px;
}

.result_block .cont_title .more {
	float: right;
	background: #415a66;
	color: #fff;
	padding: 4px 15px;

}

.result_block .cont_title .more span {
	font-weight: 600;
	line-height:1;
	display: inline-block;
}

.result_block .cont_title .num {
	color: #0084CA;
	font-size: 21px;

}

.result_block .board_div_list .list .title a {
	font-size: 19px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	padding: 0;
	margin-bottom: 4px;
}

.result_block .board_div_list {
	border: 1px solid #aaa;
	padding: 10px 20px;
}

.result_block .board_div_list .list {
	padding: 15px;
	min-height: auto;
	border: 0;
	border-bottom: 1px solid #e2e2e2;
	margin: 0;
}

.result_block .board_div_list .list:last-child {
	border: 0;
}

.board_list_flex {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.board_list_flex .result_block {
	flex: 1 1 calc(33.33% - 40px);
	position: relative;
}

.board_list_flex.col2 .result_block {
	flex: 1 1 calc(50% - 40px);
}

.board_list_flex .result_block .more {
	position: absolute;
	right: 5px;
	top: 7px;
	font-size: 23px;
	font-weight: 900;
}

.gallery_flex {
	gap: 50px 60px;
	display: flex;
	flex-wrap: wrap;
}

.gallery_flex .gallery_cont .gallery_list {
	position: relative;
	flex: 1 1 calc(50% - 50px);
}

.gallery_flex .gallery_cont .gallery_list .cont_title {
	margin-bottom: 10px;
	font-size: 28px;
}

.gallery_flex .gallery_cont .gallery_list .more {
	position: absolute;
	right: 5px;
	top: 7px;
	font-size: 30px;
	font-weight: 900;
}

.gallery_flex .gallery_cont .gallery_list > .list.sty4 {
	gap: 20px;
}

.gallery_flex .gallery_cont .gallery_list > .list > li .tit {
	margin-top: 5px;
}

.gallery_flex .gallery_cont .gallery_list > .list > li .tit > a {
	font-size: 17px;
	line-height: 1.2;
}


.txt_box .tit_area .tit {
	font-size: 21px;
	font-weight: 500;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.txt_box .txt_area .txt {
	font-size: 17px;
	margin-bottom: 10px;
}

.data_list .list li {
	display: inline-block;
}

.data_list .list li i {
	margin-right: 5px;
	vertical-align: top;
	font-size: 19px;
	color: #888;
}

.data_list .list li + li {
	margin: 0 0 0 10px;
}

@media all and (max-width: 1280px) {
	.board_area {}

	.board_list_flex {
		padding: 0 20px;
	}

	.gallery_flex .gallery_cont .gallery_list > .list > li .tit > a {
		font-size: 17px;
		line-height: 1.2;
	}
}

@media all and (max-width: 960px) {
	.tab_search_result ul li {
		flex: 0 0 19%;
	}
	
	.tab_search_result ul li button {
		font-size:17px;
	}

	.board_list_flex .result_block {
		flex: 1 1 calc(50% - 20px);
	}

	.gallery_cont .gallery_list > .list > li .tit > a,
	.board_div_list .list .title a {
		line-height: 1.3;
		font-size: 17px;
	}

	.board_div_list > .list .info_area .info {
		
	}

	.board_div_list > .list .info_area .info > div {
		display: inline;
	}

	.gallery_flex {
		gap: 30px;
	}

	.gallery_flex .gallery_cont .gallery_list {
		margin-bottom: 20px;
	}
	
}
@media all and (max-width: 768px) {
	.total .btn_back {
		margin-top:3px;
	}
	.tab_search_result ul li {
		flex: 0 0 32%;
	}
}

@media all and (max-width: 640px) {
	.tab_search_result ul li button {
	    font-size: 15px;
	    padding: 8px 5px;
	}
	.result_block .board_div_list .list .title a {
    	-webkit-line-clamp: 2;
		font-size: 17px;
	}
	.board_list_flex.col2 .result_block,
	.board_list_flex .result_block {
		flex: 1 1 100%;
	}

	.gallery_flex .gallery_cont .gallery_list {
		flex: 1 1 100%;
	}
	.result_block .board_div_list .list {
		padding: 10px 0;
		min-height: auto;
		border: 0;
		border-bottom: 1px solid #e2e2e2;
		margin: 0;
	}
	.result_block .board_div_list {
    	padding: 0;
		border: 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #ddd;
	}
	

	.board_div_list .list {
		padding: 10px 10px;
		border: 0;
	}

	.board_list_flex .result_block {
		flex: 1 1 100%;
	}
}

@media all and (max-width: 550px) {
	.board_div_list {
		border-top: 1px solid #ddd;
	}



}

@media all and (max-width: 480px) {
	.data_list .list li i {margin-right: 2px;}
	.txt_box .txt_area .txt {
		font-size: 15px;
	}

	.tab_search_result ul li {
		flex: 0 0 48%;
	}

	.gallery_flex .gallery_cont .gallery_list .more {
		top: 1px;
		font-size: 25px;
	}

	.gallery_flex .gallery_cont .gallery_list .cont_title {
		font-size: 23px;
	}

	.gallery_flex .gallery_cont .gallery_list > .list.sty4 {
		gap: 0;
	}

	.gallery_flex .gallery_cont .gallery_list > .list.sty4 > li {
		flex: 1 1 50%;
		padding: 10px;
	}
}


@media all and (max-width: 340px) {
	.board_cont {
		padding: 0 10px;
	}

	.gallery_cont .gallery_list > .list > li .tit > a,
	.board_div_list .list .title a {
		font-size: 15px;
	}
}

@media all and (max-width: 300px) {
	.tab_search_result ul li button {
		font-size:14px;
	}
}