@charset "UTF-8";
:root {
	/* 기본 색상 */
	--base-color: #6f6f6f;        /* 게시판 기본 글자 색상 */
	--text-link-color: #232323;   /* 게시판 제목 링크 색상 */
	--link-hover-color: #4f52b8;  /* 게시판 제목 오버 색상 */
	--search-line-color: #9f9f9f; /* 검색창 테두리 색상 */

	/* 게시판 관련 색상 */
	--table-border-color: #000;   /* 게시판 위, 아래 테두리 색상 */
	--table-line-color: #9f9f9f;  /* 게시물 분리선 색상 */
	--notice-bg-color: rgba(125,128,210,0.1); /* 게시물 공지사항 배경 색상 */

	/* 버튼 색상 */
	--btn-text-color: #000000;    /* 버튼 글자 기본 색상 */
	--btn-bg-color: #ffffff;      /* 버튼 배경 색상 + 오버시 버튼 글자 색상 */
	--btn-border-color: #000000;  /* 버튼 테두리 색상 + 오버시 버튼 배경 색상 */

	/* 페이지 색상 */
	--page-current-color: #ffffff;   /* 현재 페이지 글자 색상 */
	--page-current-bgcolor: #000000; /* 현재 페이지 배경 색상 */

	/* 로그인 색상 */
	--login-link-color: #6f6f6f;      /* 로그인창 기본 색상 */
	--login-hover-txt-color: #ffffff; /* 로그인창 버튼 및 링크 오버 색상 */
	--login-hover-bg-color: #4f52b8;  /* 로그인창 버튼 및 링크 오버 배경 색상 */
	--login-border-color: #efefef;    /* 로그인창 테두리 색상 */
}



/* --------------------------------------------------------------------------------------------
	## FONT IMPORT - FONT AWESOME
-------------------------------------------------------------------------------------------- */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');


/* --------------------------------------------------------------------------------------------
	## BOARD LIST
-------------------------------------------------------------------------------------------- */
.bbslist {
	width: 100%;
}
.bbslist *,
.board * {
	color: var(--base-color);
}
.bbslist .bbstop,
.board .bbstop {
	margin-bottom: 5px;
}
.bbslist .bbstop .leftarea,
.board .bbstop .leftarea {
	margin-top: 20px;
	float: left;
}
.bbslist .bbstop .rightarea,
.board .bbstop .rightarea {
	float: right;
	margin-bottom: 5px;
}

/* LEFT AREA */
.bbslist .bbstop .pageinfo,
.bbslist .bbstop .postinfo,
.board .bbstop .pageinfo,
.board .bbstop .postinfo {
	display: inline-block;
}
.bbslist .bbstop .postinfo,
.board .bbstop .postinfo {
	margin-left: 10px;
}

/* RIGHT AREA */
.bbslist .bbstop select,
.bbslist .bbstop input,
.board .bbstop select,
.board .bbstop input {
	min-height: 35px;
	float: left;
	font-size: 1em;
	line-height: 35px;
	vertical-align: middle;
}
.bbslist .bbstop .sgroup,
.board .bbstop .sgroup {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--search-line-color);
}
.bbslist .bbstop select,
.board .bbstop select {
	margin-right: 5px;
	padding: 0 10px 0 3px;
}
.bbslist .bbstop input,
.board .bbstop input {
	padding: 0 5px;
}
.bbslist .bbstop .searchbar,
.board .bbstop .searchbar {
	margin-right: 40px;
}
.bbslist .bbstop .searchbtn,
.bbslist .bbstop .searchico,
.board .bbstop .searchbtn,
.board .bbstop .searchico {
	position: absolute;
	width: 35px;
	top: 0;
	right: 0;
	line-height: 35px;
	background-color: #fff;
}
.bbslist .bbstop .searchico,
.board .bbstop .searchico {
	height: 100%;
	top: 2px;
	bottom: 0;
	z-index: 1;
	font-size: 1em;
	text-align: center;
	cursor: pointer;
}


/* --------------------------------------------------------
	:: 게시판 기본형
-------------------------------------------------------- */
.bbslist .group {
	border-top: 2px solid var(--table-border-color);
	border-bottom: 1px solid var(--table-border-color);
}
.bbslist .list {
	position: relative;
	width: 100%;
	border-top: 1px dotted var(--table-line-color);
}
.bbslist .list:first-child {
	border-top: 0;
}
.bbslist .list .checkbox2,
.bbslist .list .num,
.bbslist .list .category,
.bbslist .list .noti_cate,
.bbslist .list .name,
.bbslist .list .date,
.bbslist .list .view {
	position: absolute;
	padding: 5px 0;
	top: 5px;
	font-size: 0.875em;
	vertical-align: middle;
}
.bbslist .list .checkbox2 {
	display: none;
	width: 20px;
	top: 3px;
	right: 10px;
}
.bbslist .list .checkbox2 input {
	vertical-align: top;
}
.bbslist .list .num,
.bbslist .list .noti_cate {
	width: 80px;
	left: 10px;
}
.bbslist .list .noti_cate {
	display: none;
}
.bbslist .list .category,
.bbslist .nocate .category {
	display: none;
	right: 10px;
}
.bbslist .list .noti_cate {
	font-weight: 700;
}
.bbslist .list .subject,
.bbslist .list:first-child .subject {
	padding: 35px 10px;
	font-size: 1em;
	font-weight: 700;
}
.bbslist .list .subject a {
	display: block;
	width: 100%;
	overflow: hidden;
	color: var(--text-link-color);
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: color 250ms ease;
	   -moz-transition: color 250ms ease;
			transition: color 250ms ease;
}
.bbslist .list .subject a:hover,
.bbslist .list .subject a:focus {
	color: var(--link-hover-color);
}
.bbslist .list .name {
	left: 100px;
}
.bbslist .list .date {
	left: 10px;
	top: auto;
	bottom: 5px;
}
.bbslist .list .view {
	top: auto;
	left: 110px;
	bottom: 5px;
}
.bbslist .cate .category {
	display: block;
}
.bbslist .cate .category a {
	color: var(--base-color);
	-webkit-transition: color 250ms ease;
	   -moz-transition: color 250ms ease;
			transition: color 250ms ease;
}
.bbslist .cate .category a:hover,
.bbslist .cate .category a:focus {
	color: var(--link-hover-color);
}


/* --------------------------------------------------------
	:: 게시판 - 공지 및 소식
-------------------------------------------------------- */
.bbslist .notice .list .num,
.bbslist .notice .noti_cate {
	width: 80px;
	left: 75px;
}
.bbslist .notice .list .subject,
.bbslist .notice .list:first-child .subject {
	margin-left: 75px;
	padding: 30px 10px 5px 0;
}
.bbslist .notice .list .name {
	display: none;
}
.bbslist .notice .list .date {
	top: 0;
	left: 10px;
	text-align: center;
	line-height: 1.2;
	letter-spacing: -0.075em;
}
.bbslist .notice .list .date .bit {
	display: none;
}
.bbslist .notice .list .date .day {
	display: block;
	font-size: 2em;
	font-weight: 700;
	letter-spacing: 0;
}
.bbslist .notice .list .view {
	top: 5px;
	left: 170px;
	bottom: auto;
}


/* --------------------------------------------------------
	:: 게시판 - 관리자 전용 화면
-------------------------------------------------------- */
.bbslist .admin .checkbox2 {
	display: block;
}
.bbslist .admin .category,
.bbslist .admin.nocate .category {
	right: 35px;
}


/* --------------------------------------------------------
	:: 공지체크
-------------------------------------------------------- */
.bbslist .noti,
.board .noti {
	background-color: var(--notice-bg-color);
}
.bbslist .noti .category,
.bbslist .noti .num {
	display: none;
}
.bbslist .noti .noti_cate {
	display: block;
}


/* --------------------------------------------------------
	:: 페이지
-------------------------------------------------------- */
.bbs_page_num {
	margin-top: 50px;
	text-align: center;
}
.bbs_page_num a {
	display: inline-block;
	width: 24px;
	height: 24px;
	color: var(--text-link-color);
	font-size: 14px;
	line-height: 26px;
	vertical-align: middle;
	-webkit-transition: color 250ms ease, background 250ms ease;
	   -moz-transition: color 250ms ease, background 250ms ease;
			transition: color 250ms ease, background 250ms ease;
}
.bbs_page_num a:hover {
	color: var(--link-hover-color);
}
.bbs_page_num a.current {
	color: #fff;
	font-weight: 700;
	background: #7476c2;
	border-radius: 50%;
}
.bbs_page_num a.first,
.bbs_page_num a.last {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}




/* --------------------------------------------------------------------------------------------
	## BOARD WRITE
-------------------------------------------------------------------------------------------- */
.bbswrite {
	margin-bottom: 50px;
	font-size: 1em;
}
.bbswrite select,
.bbswrite input,
.bbswrite button,
.bbswrite textarea {
	font-size: 1em;
}
.bbswrite .header {
	margin-bottom: 1%;
}
.bbswrite .header .cate_area {
	margin-bottom: 1%;
}
.bbswrite .header select {
	display: block;
	min-width: 200px;
	padding: 10px 5px 10px 0;
	color: var(--text-link-color);
	background-color: #fff;
	border: 1px solid var(--search-line-color);
	-webkit-transition: border 250ms ease;
	   -moz-transition: border 250ms ease;
			transition: border 250ms ease;
}
.bbswrite .header select:hover,
.bbswrite .header select:focus {
	border-color: var(--link-hover-color);
}
.bbswrite .header input {
	display: block;
	width: 100%;
	padding: 10px 5px;
	color: var(--text-link-color);
	background-color: #fff;
	border: 1px solid var(--search-line-color);
	-webkit-transition: border 250ms ease;
	   -moz-transition: border 250ms ease;
			transition: border 250ms ease;
}
.bbswrite .header input:hover,
.bbswrite .header input:focus {
	border-color: var(--link-hover-color);
}
.bbswrite .header .user_guest {
	margin-bottom: 1%;
}
.bbswrite .header .user_guest .colspan {
	position: relative;
	margin-left: 1%;
	float: left;
}
.bbswrite .header .user_guest .colspan1,
.bbswrite .header .user_guest .colspan2,
.bbswrite .header .user_guest .colspan3 {
	width: 15.83333333333333%;
}
.bbswrite .header .user_guest .colspan4 {
	width: 49.5%;
}
.bbswrite .header .user_guest .colspan1 {
	margin-left: 0;
}
.bbswrite .header .age_area {
	margin-top: 1%;
}
.bbswrite .header .age_area .colspan {
	position: relative;
	width: 49.5%;
	margin-left: 1%;
	float: left;
}
.bbswrite .header .age_area .colspan:first-child {
	margin-left: 0;
}
.bbswrite .header .opt_area {
	padding: 5px 0;
}
.bbswrite .header .opt_area .switch {
	position: relative;
	display: inline-block;
	margin-left: calc(1% - 4px);
	text-align: center;
}
.bbswrite .header .opt_area .switch:first-child {
	margin-left: 0;
}
.bbswrite .header .opt_area .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.bbswrite .header .opt_area .toggle_btn {
	display: block;
	width: 100%;
	height: 100%;
	padding: 7px 12px;
	cursor: pointer;
	color: var(--btn-text-color);
	font-size: 1em;
	opacity: 0.85;
	background-color: var(--btn-bg-color);
	border: 1px solid var(--search-line-color);
	-webkit-transition: color 250ms ease, background 250ms ease, opacity 250ms ease, border 250ms ease;
	   -moz-transition: color 250ms ease, background 250ms ease, opacity 250ms ease, border 250ms ease;
			transition: color 250ms ease, background 250ms ease, opacity 250ms ease, border 250ms ease;
}
.bbswrite .header .opt_area .switch:hover  .toggle_btn {
	color: var(--link-hover-color);
	opacity: 1;
	border-color: var(--link-hover-color);
}
.bbswrite .header .opt_area input:checked + .toggle_btn {
	color: var(--btn-bg-color) !important;
	background-color: var(--link-hover-color);
	opacity: 1;
	border-color: var(--link-hover-color);
}

.bbswrite .cont {
	margin-bottom: 30px;
}
.bbswrite .cont .writecont {
	width: 100%;
	min-height: 300px;
	padding: 10px 5px;
	border: 1px solid var(--search-line-color);
	-webkit-transition: border 250ms ease;
	   -moz-transition: border 250ms ease;
			transition: border 250ms ease;
}
.bbswrite .cont .writecont:focus {
	border-color: var(--link-hover-color);
}
.bbswrite .footer .boxgroup {
	position: relative;
	margin-top: 5px;
}
.bbswrite .footer .boxgroup:first-child {
	margin-top: 0;
}
.bbswrite .footer input {
	display: block;
	width: 100%;
	padding: 10px 5px;
	color: var(--text-link-color);
	background-color: #fff;
	border: 1px solid var(--search-line-color);
	-webkit-transition: border 250ms ease;
	   -moz-transition: border 250ms ease;
			transition: border 250ms ease;
}
.bbswrite .footer input:hover,
.bbswrite .footer input:focus {
	border-color: var(--link-hover-color);
}
.bbswrite .footer .link_area {
	margin-bottom: 15px;
}
.bbswrite .footer .file_area input {
	padding: 5px;
}

.bbswrite_btn {
	text-align: center;
}
.bbswrite_btn button,
.bbswrite_btn input,
.bbswrite_btn a {
	min-width: 120px;
}



/* --------------------------------------------------------------------------------------------
	## BOARD BUTTON DESIGN
-------------------------------------------------------------------------------------------- */
.bbs_btn {
	margin-top: 30px;
}
.bbs_btn .admin_btn {
	float: left;
}
.bbs_btn .user_btn {
	float: right;
}
.bbs_btn button,
.bbs_btn input,
.bbs_btn a {
	display: inline-block;
	padding: 7px 15px;
	color: var(--btn-text-color);
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	background: var(--btn-bg-color);
	border: 1px solid var(--btn-border-color);
	-webkit-transition: color 250ms ease, background 250ms ease, border 250ms ease;
	   -moz-transition: color 250ms ease, background 250ms ease, border 250ms ease;
			transition: color 250ms ease, background 250ms ease, border 250ms ease;
}
.bbs_btn button:hover,
.bbs_btn button:focus,
.bbs_btn input:hover,
.bbs_btn input:focus,
.bbs_btn a:hover,
.bbs_btn a:focus {
	color: #fff;
	background: #7476c2;
	border-color: #7476c2;
}



/* --------------------------------------------------------------------------------------------
	## CIBOARD
-------------------------------------------------------------------------------------------- */
/* CIBOARD VIEW */
.board .info li {
	display: inline-block;
	padding-right: 10px;
	float: none !important;
}
.board .info li.pull-right {
	float: none !important;
}
.board .contents-view {
	padding: 20px 0;
}
.list-group-item-info {
	color: var(--link-hover-color);
	background-color: var(--notice-bg-color);
}
.board .recommand {
	display: none;
}



/* --------------------------------------------------------------------------------------------
	## LOGED
-------------------------------------------------------------------------------------------- */
.login_page {
	color: var(--login-link-color);
	background-color: #ccc7ff;
}
.loged_area {
	position: fixed;
	width: 270px;
	height: 300px;
	margin: -150px 0 0 -135px;
	padding: 25px;
	top: 50%;
	left: 50%;
	z-index: 99;
	background: #fff;
	border: 1px solid var(--login-border-color);
	border-radius: 10px;
}
.loged_area_bg {
	position: fixed;
	content: '';
	width: 268px;
	height: 298px;
	margin: -149px 0 0 -134px;
	top: 50%;
	left: 50%;
	z-index: 0;
	background: rgba(0,0,0,0.15);
	border-radius: 60px;
	filter: blur(8px);
}
.loged_area h3 {
	margin-bottom: 25px;
	color: #505050;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	line-height: 1;
}
.loged_area .inner {
	position: relative;
	width: 100%;
	height: 100%;
}
.loged_area .group {
	position: relative;
	margin-bottom: 10px;
}
.loged_area .user_input {
	width: 100%;
	height: 36px;
	padding: 0 46px 0 10px;
	color: #666;
	font-size: 13px;
	font-weight: 500;
	line-height: 36px;
	background: #f3f3f3;
	border: 0;
	border-radius: 5px;
}
.loged_area .ui_label {
	position: absolute;
	width: 36px;
	height: 36px;
	top: 0;
	right: 0;
	z-index: 1;
	color: #9f9f9f;
	font-size: 22px;
	text-align: center;
	line-height: 36px;
}
.loged_area .loged_info_area {
	margin-bottom: 20px;
}
.loged_area .loged_info_area .colspan {
	position: relative;
	width: 50%;
	float: left;
	font-size: 12px;
	line-height: 16px;
}
.loged_area .loged_info_area .colspan1 a {
	display: inline-block;
	padding: 3px 5px;
	border-radius: 3px;
}
.loged_area .loged_info_area .colspan2 {
	text-align: right;
}
.loged_area .loged_info_area .colspan2 label {
	display: inline-block;
}
.loged_area .loged_info_area .colspan2 input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}
.loged_area .loged_info_area .colspan2 .toggle_btn {
	display: block;
	height: 100%;
	padding: 3px 5px;
	cursor: pointer;
	color: var(--btn-text-color);
	font-size: 12px;
	opacity: 0.85;
	background-color: var(--btn-bg-color);
	border: 1px solid var(--search-line-color);
	-webkit-transition: color 250ms ease, background 250ms ease, opacity 250ms ease, border 250ms ease;
	   -moz-transition: color 250ms ease, background 250ms ease, opacity 250ms ease, border 250ms ease;
			transition: color 250ms ease, background 250ms ease, opacity 250ms ease, border 250ms ease;
}
.loged_area .loged_info_area .colspan2 label:hover .toggle_btn {
	color: var(--link-hover-color);
	border-color: var(--login-hover-bg-color);
}
.loged_area .loged_info_area .colspan2 input:checked + .toggle_btn {
	cursor: pointer;
	color: var(--login-hover-txt-color);
	background-color: var(--login-hover-bg-color);
	border: 1px solid var(--login-hover-bg-color);
}
.loged_area .loged_btn {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
}
.loged_area .loged_btn input {
	width: 100%;
	height: 36px;
	padding: 0 10px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 36px;
	background: #080808;
	border: 0;
	border-radius: 5px;
	-webkit-transition: background 300ms ease;
	   -moz-transition: background 300ms ease;
			transition: background 300ms ease;
}
.loged_area .loged_btn input:hover {
	background: var(--link-hover-color);
}
.loged_area .loged_join {
	color: #8f8f8f;
	font-size: 13px;
	line-height: 1;
}
.loged_area .loged_join a {
	-webkit-transition: color 300ms ease;
	   -moz-transition: color 300ms ease;
			transition: color 300ms ease;
}
.loged_area .loged_join a:hover {
	color: var(--link-hover-color);
}
.loged_area .loged_join .colspan {
	width: 75%;
	float: left;
}
.loged_area .loged_join .btns {
	display: flex;
	justify-content: center;
	column-gap: 15px;
}
.loged_area .loged_join .btns li a {
	position: relative;
}
.loged_area .loged_join .btns li a::after {
	content: '';
	position: absolute;
	top: 2px;
	right: -8px;
	width: 1px;
	height: 12px;
	background-color: #000;
}
.loged_area .loged_join .btns li:last-child a::after {
	display: none;
}

/* Other Style */
.board .tbl {
	border-bottom: 1px solid #080808;
}
.board .total_post_count {
	color: #f57402;
}
.board .thead .colgroup,
.board .tbody .colgroup {
	position: relative;
	width: 100%;
}
.board .thead .colgroup {
	font-size: 16px;
	font-weight: 500;
	border-top: 2px solid #080808;
}
.board .tbody .colgroup {
	font-size: 14px;
	font-weight: 400;
	border-top: 1px solid #ddd;
}
.board .thead .colspan,
.board .tbody .colspan {
	position: absolute;
	height: 100%;
	text-align: center;
}
.board .thead .colspan i,
.board .tbody .colspan i {
	display: none;
	font-style: normal;
}
.board .thead .colspan {
	padding: 15px 3px;
	text-align: center;
}
/* board list width size */
.board .bcheck,
.board .bnum,
.board .bname,
.board .bdate,
.board .bview  {
	height: 100%;
	top: 0;
}
/* 관리자전용 */
.board .admin .bcheck { display: block; }
.board .admin .bcheck { width: 30px;  left:  0;     }
.board .admin .bnum   { width: 85px;  left:  30px;  }
.board .admin .bname  { width: 125px; right: 205px; }
.board .admin .bdate  { width: 120px; right: 85px;  }
.board .admin .bview  { width: 85px;  right: 0;     }
.board .admin .colspan.btitle {
	position: relative;
	margin-left: 115px;
	margin-right: 330px;
}

/* 일반사용자 */
.board .bcheck { display: none; }
.board .bnum   { width: 85px;  left:  0; }
.board .bname  { width: 150px; right: 205px; }
.board .bdate  { width: 120px; right: 85px;  }
.board .bview  { width: 85px;  right: 0;     }
.board .colspan.btitle {
	position: relative;
	margin-left: 85px;
	margin-right: 330px;
}
.board.notice .bname {
	display: none;
}
.board.notice .colspan.btitle {
	margin-right: 205px;
}
.board .thead .colspan.bcheck span,
.board .tbody .colspan.bcheck span {
	left: 0;
	right: 0;
}
.board .tbody .colspan.btitle h3 {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 10px;
	overflow: hidden;
	font-size: 16px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.board .tbody .colspan span {
	position: absolute;
	display: block;
	height: 100%;
	padding: 15px 10px;
	left: 10px;
	right: 10px;
}
.board .tbody .colspan.bcheck span {
	padding-left: 0;
	padding-right: 0;
}

/* 공지사항 */
.board .tbody .colgroup.noti .bnum i {
	display: none !important;
}


/* 부트스트랩 리셋 */
.bbslist .bbs_top form.navbar-form,
.bbslist .bbs_top form.navbar-right,
.bbslist .bbs_top form.pull-right,
.board .bbstop form.navbar-form,
.board .bbstop form.navbar-right,
.board .bbstop form.pull-right {
	margin: 0 !important;
	padding: 0 !important;
}
.board .bbstop form.navbar-right {
	float: none !important;
}



/* --------------------------------------------------------------------------------------------
	## RESPONSIVE
-------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
	/* BOARD WRITE */
	.bbswrite .header .user_guest .colspan1,
	.bbswrite .header .user_guest .colspan2,
	.bbswrite .header .user_guest .colspan3 {
		width: 32.66666666666667%;
		margin-bottom: 1%;
	}
	.bbswrite .header .user_guest .colspan4 {
		width: 100%;
		margin-left: 0;
		clear: both;
	}


	/* BOARD */
	.board .thead {
		display: none;
	}
	.board .tbody .colgroup {
		padding-top: 30px;
	}
	.board .tbody .colspan {
		position: static;
		display: inline-block;
		height: auto;
		padding-bottom: 5px;
	}
	.board .tbody .colspan span {
		position: static;
		display: block;
		height: auto;
		padding: 0;
		left: 0;
		right: 0;
		text-align: left;
	}
	.board .tbody .colspan i {
		display: inline;
	}
	.board.notice .colspan.btitle,
	.board .admin .colspan.btitle,
	.board .colspan.btitle {
		position: absolute;
		margin: 0;
		padding: 0;
		top: 5px;
		left: 5px;
		right: 5px;
	}
	.board .tbody .colspan.btitle h3 {
		margin: 0;
		padding: 0;
	}
	.board .bcheck,
	.board .bnum,
	.board .bname,
	.board .bdate,
	.board .bview,
	.board .admin .bcheck,
	.board .admin .bnum,
	.board .admin .bname,
	.board .admin .bdate,
	.board .admin .bview {
		position: static;
		display: inline-block;
		width: auto;
		margin: 0 5px;
		font-size: 13px;
	}
	.board.notice .bname {
		display: none;
	}
	.board .bcheck,
	.board .admin .bcheck {
		position: relative;
		display: none !important;
		margin-right: 0;
		float: right;
	}
	.board .admin .bcheck {
		display: inline-block !important;
	}
}


@media screen and (max-width: 560px) {
	/* BOARD LIST */
	.bbslist .bbstop .leftarea,
	.bbslist .bbstop .rightarea,
	.board .bbstop .leftarea,
	.board .bbstop .rightarea {
		width: 100%;
		float: none;
	}
	.bbslist .bbstop .leftarea,
	.board .bbstop .leftarea {
		margin-bottom: 5px;
	}
	.bbslist .bbstop .searchbar,
	.board .bbstop .searchbar {
		width: calc(100% - 155px);
	}


	/* BOARD WRITE */
	.bbswrite {
		font-size: 15px;
	}
	.bbswrite .header .user_guest .colspan {
		width: 49.5%;
		margin: 0 0 1% 1%;
		float: left;
		clear: none;
	}
	.bbswrite .header .user_guest .colspan1,
	.bbswrite .header .user_guest .colspan3 {
		margin-left: 0;
	}
	.bbswrite .header .user_guest .colspan3,
	.bbswrite .header .user_guest .colspan4 {
		margin-bottom: 0;
	}
	.bbswrite .header select {
		padding: 10px 5px;
	}
	.bbswrite .header input,
	.bbswrite .cont textarea,
	.bbswrite .footer input {
		padding: 10px;
	}
}

@media screen and (max-width: 428px) {
	/* iPhone 12/13 Pro Max Portrait */

	/* BOARD LIST */
	.bbslist .bbstop select,
	.bbslist .bbstop input,
	.board .bbstop select,
	.board .bbstop input {
		font-size: 14px;
	}
	.bbslist .bbstop .searchbar,
	.board .bbstop .searchbar {
		width: calc(100% - 145px);
	}
	.bbslist .bbstop .searchico,
	.board .bbstop .searchico {
		top: 3px;
	}
	.bbslist .list .num,
	.bbslist .list .noti_cate,
	.bbslist .admin .noti_cate {
		left: 10px;
	}
	.bbslist .list .subject,
	.bbslist .list:first-child .subject {
		margin-left: 0;
		padding: 35px 10px 37px;
	}
	.bbslist .list .name {
		left: auto;
		right: 10px;
	}
	.bbslist .admin .list .name {
		right: 35px;
	}
	.bbslist .list .category,
	.bbslist .nocate .category,
	.bbslist .admin .category,
	.bbslist .admin.nocate .category {
		top: auto;
		left: auto;
		right: 10px;
		bottom: 5px;
	}
	.bbslist .list .date .bit,
	.bbslist .notice .list .date .bit {
		display: inline;
	}
	.bbslist .list .view,
	.bbslist .notice .list .view {
		top: auto;
		left: 100px;
		bottom: 5px;
	}

		/* Notice & News */
		.bbslist .notice .list .num {
			left: 10px;
		}
		.bbslist .notice .list .subject,
		.bbslist .notice .list:first-child .subject {
			margin-left: 0;
			padding: 35px 10px 37px;
		}
		.bbslist .notice .list .date {
			top: auto;
			bottom: 5px;
		}
		.bbslist .notice .list .date .day {
			display: inline;
			font-size: 1em;
			font-weight: normal;
			line-height: 1.4;
		}

		/* BOARD PAGE */
		.bbs_page_num a {
			width: 20px;
			height: 20px;
			font-size: 12px;
			line-height: 22px;
		}
		.bbs_page_num a.first,
		.bbs_page_num a.last {
			font-size: 17px;
			line-height: 23px;
		}


	/* BOARD WRITE */
	.bbswrite .header select {
		width: 100%;
	}


	/* BOARD BUTTON DESIGN */
	.bbs_btn button,
	.bbs_btn input,
	.bbs_btn a {
		font-size: 14px;
	}
	.bbs_btn .admin_btn,
	.bbs_btn .user_btn {
		float: none;
		text-align: center;
	}
	.bbs_btn .admin_btn {
		margin-bottom: 5px;
	}
	.bbs_btn .user_btn a {
		width: 104px;
	}


	/* BOARD */
	.board .bbstop .right select,
	.board .bbstop .right input,
	.board .bbstop .right button {
		height: 30px;
		padding: 0 5px;
		line-height: 28px;
	}
	.board .bbs_btn_area a,
	.board .bbs_btn_area button,
	.board .bbs_btn_area input {
		width: auto;
		height: 32px;
		padding: 0 15px;
		font-size: 14px;
		line-height: 30px;
	}
	.board .bbs_btn_area .admin_btn {
		text-align: center;
	}
}

@media screen and (max-width: 359px) {
	/* iPhone 5 Portrait */

	/* BOARD LIST */
	.bbslist .list .checkbox2,
	.bbslist .list .num,
	.bbslist .list .category,
	.bbslist .list .noti_cate,
	.bbslist .list .name,
	.bbslist .list .date,
	.bbslist .list .view {
		font-size: 13px;
	}


	/* BOARD WRITE */
	.bbswrite {
		font-size: 14px;
	}
	.bbswrite .header select {
		width: 100%;
	}
	.bbswrite .header .user_guest .colspan {
		width: 100% !important;
		margin: 0 0 1% 0;
		float: none;
		clear: both;
	}
	.bbswrite .header .user_guest .colspan4 {
		margin-bottom: 0;
	}
	.bbswrite .header .age_area .colspan {
		width: 100%;
		margin: 1% 0 0 0;
		float: none;
		clear: both;
	}
	.bbswrite .header .age_area .colspan:first-child {
		margin-top: 0;
	}
	.bbswrite_btn button,
	.bbswrite_btn input,
	.bbswrite_btn a {
		min-width: 90px;
	}
}

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

}