@charset "utf-8";

/********** skip_nav **********/
.skip_nav {position:absolute;z-index:1000;left:0;right:0;top:0;display:block;overflow:hidden;height:0;background:#000;text-align:center;}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}


/********** 숨김 **********/
.hide {overflow:hidden;position:absolute;left:-9999px;top:9999px;width:0;height:0;font-size:0;}


/********** 말줄임(공지사항 리스트_가로값과 같이사용) **********/
.ellipsis {overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}


/********** 박스 **********/
.linebox {padding:10px 20px;border:#e5e5e5 solid 1px;border-radius:5px;}

.linebox.type2 {position:relative;padding:90px 20px 27px;border:1px solid #d2d2d2;text-align:center;}
.linebox.type2:before {content:"";display:block;position:absolute;top:25px;right:0;left:0;width:52px;height:48px;margin:0 auto;background:url('../img/common/box_icon.png') no-repeat top center;}
.linebox.type2 .title {padding-bottom:18px;color:#002C8E;line-height:20px;font-size:1.2em;}
.linebox.type2 p {color:#666;font-size:0.938em;}





/********** 가로값 **********/
.wh100p {width:100%;}
.wh99p {width:99%;}
.wh70p {width:70%;}
.wh50p {width:50%;}
.wh45p {width:45%;}
.wh40p {width:40%;}
.wh30p {width:30%;}
.wh200 {width:200px;}
.wh70 {width:70px;}
	/*모바일*/
	@media only screen and (max-width:767px){
		.wh99p,
		.wh70p,
		.wh50p,
		.wh45p,
		.wh40p,
		.wh30p {width:100%;}
		.wh200 {width:100%;}
	}

/********** 폰트색상 **********/
.cr_red {color:#ff0000;}
.cr_blue {color:#2ec7ff;}
.cr_green {color:#26c410;}
.cr_yellow {color:#ffa800;}
.cr_gray {color:#999;}


/********** 정렬 **********/
.ta-l {text-align:left;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.vt-t {vertical-align:top;}
.vt-c {vertical-align:middle;}
.vt-b {vertical-align:bottom;}


/********** 전역클래스 **********/
.ft-l {float:left;}
.ft-r {float:right;}
.block {display:block;}
.inblock {display:inline-block;}
.overflow {overflow:hidden;}
.clear:after {content:"";display:block;clear:both;}
.bold600 {font-weight:600;}


/********** 폰트사이즈 **********/
.ft16 {font-size:16px;}


/********** 타이틀 **********/
h4.h4 {position:relative;margin:30px 0 15px;padding-left:28px;color:#222;line-height:30px;font-size:1.25em;font-weight:400;}
h4.h4:before {content:"";display:block;position:absolute;top:6px;left:0;width:20px;height:20px;border:6px solid #2ec7ff;border-radius:100%;}
h5.h5 {margin:10px 0;color:#2396c0;line-height:30px;font-size:1.15em;font-weight:500;}
h6.h6 {position:relative;margin:10px 0;padding-left:10px;color:#111;line-height:24px;font-size:0.983em;font-weight:500;}
h6.h6:before {content:"";display:block;position:absolute;top:8px;left:0;width:6px;height:6px;background:#2396c0;border-radius:100%;}


/********** 참고텍스트 **********/
/* 느낌표_흰배경파란 */
.point1 {display:block;padding-left:20px;background:url(./../img/common/ico_caution1.gif) no-repeat 0 6px;line-height:28px;font-size:0.875em;}
/* 느낌표_흰배경빨강 */
.point2 {display:block;padding-left:20px;background:url(./../img/common/ico_caution2.gif) no-repeat 0 6px;line-height:28px;font-size:0.875em;}
/* 느낌표_빨강배경흰색 */
.point3 {display:block;padding-left:20px;background:url(./../img/common/ico_caution3.gif) no-repeat 0 6px;line-height:28px;font-size:0.875em;}
/* 당구장표시 */
.point4 {display:block;padding-left:14px;background:url(./../img/common/bul_focus.gif) no-repeat 0 9px;line-height:28px;font-size:0.875em;}


/********** 리스트 **********/
/* 리스트_1 */
.bu_list > li {margin-bottom:8px;padding:0 0 0 9px;background:url(./../img/common/sh_dot1.gif) no-repeat 0 10px;color:#444;}
.bu_list > li li {position:relative;padding-left:12px;font-size:14px;color:#666;}
.bu_list > li li:after {content:"";position:absolute;left:0;top:11px;width:3px;height:1px;background:#777;}

.bu_list .tit {display:inline-block;margin-right:10px;color:#36425D;font-weight:500;}

.bu {padding:0 0 0 9px;background:url(./../img/common/sh_dot1.gif) no-repeat 0 10px;color:#444;}
.bu2 {position:relative;padding-left:12px;font-size:14px;color:#666;}
.bu2:after {content:"";position:absolute;left:0;top:11px;width:3px;height:1px;background:#777;}

/* 리스트_2 */
.num_list > li {position:relative;margin-bottom:5px;padding:0 0 0 30px;}
.num_list > li > .item {display:block;position:absolute;top:2px;left:0;width:20px;height:20px;border:1px solid #C1DFFA;background:#fff;color:#36425D;line-height:18px;font-size:0.813em;font-weight:600;text-align:center;}


/********** 버튼 **********/
/* 기본 */
.btn_bace {display:inline-block;height:50px;line-height:50px;padding:0 30px;background:#004c9d;border-radius:3px;border:1px solid #004c9d;cursor:pointer;color:#fff;text-align:center;}
.btn_bace span {display:inline-block;background:url(./../img/common/bace_img.png) no-repeat;vertical-align:middle;}
.btn_bace:hover,.btn_bace:focus,.btn_bace:active {background:#004187;border:1px solid #004187;color:#fff;}
	/* 대 */
	.btn_bace_large {height:55px;line-height:55px;}
	/* 소 */
	.btn_bace_small {height:45px;line-height:45px;}
	/*모바일*/
	@media only screen and (max-width:767px){
		.btn_bace {height:45px;line-height:45px;font-size:14px;}
		.btn_bace_large {height:45px;line-height:45px;font-size:14px;}
	}

/* 색상 */
.btn_blue {background:#344154;border:1px solid #344154;color:#fff;}
.btn_blue:hover,.btn_blue:focus,.btn_blue:active {background:#000;border:1px solid #000;color:#fff;}
.btn_orange {background:#ff8900;border:1px solid #ff8900;color:#fff;}
.btn_orange:hover,.btn_orange:focus,.btn_orange:active {background:#000;border:1px solid #000;color:#fff;}

/* 선버튼 */
.btn_line {display:inline-block;height:50px;line-height:50px;padding:0 30px;background:#fff;border-radius:3px;border:1px solid #d8d8d8;text-align:center;color:#222;}
.btn_line span {display:inline-block;background:url(./../img/common/bace_img.png) no-repeat;vertical-align:middle;}
.btn_line:hover,.btn_line:focus,.btn_line:active {border-color:#222;text-decoration:none;}
	/* 대 */
	.btn_line_large {height:55px;line-height:55px;}
	/* 소 */
	.btn_line_small {height:45px;line-height:45px;padding:0 15px;}
	/*파일버튼종류*/
	.btn_line .down {width:19px;height:18px;background-position:0 0;margin-left:10px;}/* 파일다운로드 */
	/*모바일*/
	@media only screen and (max-width:767px){
		.btn_line {height:45px;line-height:45px;font-size:14px;}
		.btn_line_large {height:45px;line-height:45px;padding:0 15px;font-size:14px;}
		.btn_line_small {height:45px;line-height:45px;padding:0 5px;font-size:14px;}
	}

/* 라디오 버튼 */
.checks {position: relative;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label {vertical-align:middle; display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 26px; height: 26px; text-align: center; background: #fff; border: 1px solid #e4e4e4; border-radius: 100%; }
.checks input[type="radio"]:hover + label:before,
.checks input[type="radio"]:focus + label:before,
.checks input[type="radio"]:active + label:before {border:3px dotted #000;}
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { }
.checks input[type="radio"]:checked + label:before {  }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 3px; left: 7px; width: 12px; height: 12px; background: #004c9d; border-radius: 100%;}

/* 체크 버튼 */
.checks {position:relative;}
.checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip:rect(0,0,0,0);  border: 0}
.checks input[type="checkbox"] + label {  display: inline-block;  position: relative;  cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';  display: inline-block;  width: 26px; height: 26px; line-height: 26px; margin: -2px 8px 0 0;  text-align: center; 
  vertical-align: middle;  background:url(./../img/common/icon_checks_off.gif) no-repeat;}
.checks input[type="checkbox"]:hover + label:before,
.checks input[type="checkbox"]:focus + label:before,
.checks input[type="checkbox"]:active + label:before {border:3px dotted #000;}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {}
.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: ''; color: #99a1a7;  text-shadow: 1px 1px #fff;  background:url(./../img/common/icon_checks_on.gif) no-repeat; font-size:14px; color:red;}


/********** 테이블 **********/
.table caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}/* position:absolute; 사용시 아이폰 테이블 사이즈 조절안됨 */
.table {width:100%;margin:10px 0;border-top:2px solid #36425D;background:#FFF;}
.table th, .table td {padding:10px;border-bottom:1px solid #bbb;border-right:1px solid #bbb;font-size:14px;}
.table th:last-child, .table td:last-child {border-right:0;}
.table th {border-right:1px solid #bbb;background:#f8f8f8;font-weight:500;text-align:center;}
.table th:last-child {border-right:0;}


/********** 인풋스타일 **********/
.input_style {border:1px solid #dfdfdf;height:45px;line-height:45px;padding:0 20px;font-size:16px;}
.input_style:focus {border:1px solid #004c9d;}
.select_style {height:45px;line-height:45px;padding:0 0 0 20px;background:url(./../img/common/select_arr.gif) no-repeat right 50%;border:1px solid #dfdfdf;border-radius:0;font-family:inherit;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select_style::-ms-expand {display:none;}
.select_style_ex {width:118px;height:45px;line-height:45px;background:url(./../img/common/select_arr.gif) no-repeat 120% 50%;border:0;border-radius:0;font-family:inherit;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select_style_ex::-ms-expand {display:none;}
.textarea_style {border:1px solid #dfdfdf;padding:20px;letter-spacing:1px;word-break:break-all;font-size:16px;font-family:"Spoqa Han Sans",sans-serif;color:#222;}
.textarea_style:focus {border:1px solid #004c9d;}
.file_style {border:1px solid #dfdfdf;background:#fff;height:45px;line-height:45px;}
	/*모바일*/
	@media only screen and (max-width:767px){
		.input_style {border:1px solid #dfdfdf;height:35px;line-height:35px;padding:0 10px;font-size:14px;margin-top:10px;font-size:14px;}
		.input_style:first-child {margin-top:0;}
		.select_style {margin-top:10px;height:35px;line-height:35px;font-size:14px;}
		.select_style:first-child {margin-top:0;}
		.select_style_ex {height:35px;line-height:35px;font-size:14px;}
		.textarea_style {padding:10px;letter-spacing:0;font-size:15px;}
	}


/********** 가장자리_외부(margin)_필요시 작성 **********/
/* 위 */
.mt0 {margin-top:0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.mt40 {margin-top:30px;}
		.mt60 {margin-top:40px;}
		.mt80 {margin-top:40px;}
	}
/* 우측 */
.mr5 {margin-right:5px;}
.mr20 {margin-right:20px;}
/* 좌측 */
.ml5 {margin-left:5px;}
.ml13 {margin-left:13px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}



/*리스트전체*/
.fs_list_box:after {content:"";display:block;clear:both}
.fs_list_box .ft_left {margin-top:-30px;font-size:15px;color:#000}
caption {overflow:hidden;width:0;height:0;visibility:hidden;}

/*모바일*/
@media only screen and (max-width:767px){

	/*리스트전체*/
	.fs_list_box .ft_left {display:none;}
}

/*검색(공통)*/
.search_warp:after {content:"";display:block;clear:both}
.search_box {position:relative;display:inline-block;float:right;height:43px;}
.search_box legend {position:absolute;top:-9999px;visibility:hidden;overflow:hidden;height:0;width:0}
.search_box .selectbox {position:relative;float:left;width:75px;height:40px;line-height:40px;margin-right:8px;background:url('./../img/layout/select.gif') no-repeat right 50%;border-bottom:1px solid #000;color:#000;z-index:1}
.search_box .selectbox label {position:absolute;top:0;left:15px;z-index:-1width:100%;height:40px;line-height:40px;font-weight:400;}
.search_box .selectbox select {width:100%;height:40px;line-height:40px;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none}
.search_box .search_text {float:left;width:auto;height:40px;line-height:40px;padding:0;background:#fff;border-left:0;border-top:0;border-right:0;border-bottom:1px solid #000;color:#777}
/*모바일*/
@media only screen and (max-width:767px){
	.search_box {width:100%;}
	.search_box .search_text {width:46%;padding-left:10px;}
}

.search_box .btn {overflow:hidden;width:49px;height:40px;border:0;border-radius:0;background:url('./../img/layout/icon_search.gif') no-repeat;border-bottom:1px solid #000;font-size:0;cursor:pointer}

/*리스트(공통)*/
.board_list {margin-top:15px;border-top:2px solid #26c410;border-bottom:1px solid #ccc}
.board_list_table {width:100%;table-layout:fixed;}
.board_list_table thead th {padding:15px 5px;font-weight:800;text-align:center;color:#333}
.board_list_table tbody td {padding:15px 5px;border-top:1px solid #e4e4e4;color:#000}
.board_list_table tbody td a {display:block;color:#000;}
.board_list_table tbody tr:first-child td {border-top:1px solid #e4e4e4;color:#000}
.board_list_table tbody td img {vertical-align:middle}
.board_list_table tbody td a .spdata {display:none}
.board_list_table .star_box {display:inline-block}

/*모바일*/
@media only screen and (max-width:767px){

	/*리스트(공통)*/
	/*.board_list_table thead th + th + th {display:none;}*/
	/*.board_list_table tbody td + td + td {display:none;}*/
	/*.board_list_table tbody tr td.tdname {display:none;}*/
	/*.board_list_table tbody tr td.data {display:none;}*/
	/*.board_list_table tbody tr td.tdhit {display:none;}*/

}

/*게시물이동(공통)*/
.btnArea:after {content:"";display:block;clear:both}
.btnArea .select_wrap {float:left}
.btnArea .selectbox:after {content:"";display:block;clear:both}
.btnArea .selectbox {border:1px solid #dcdee0;position:relative;float:left;margin-right:5px;width:100px;height:45px;line-height:45px;background:url('./../img/layout/select.gif') no-repeat 95% 50%;text-align:left;z-index:1}
.btnArea .selectbox label {position:absolute;top:0;left:5px;width:100%;height:45px;line-height:45px;color:#999;z-index:-1}
.btnArea .selectbox select {float:left;width:100%;height:40px;line-height:40px;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none}
.btnArea .selectbox a {display:inline-block;float:left}
.btnArea .btn_select {float:left}

/********** 페이지넘버 **********/
.pagination_box {margin-top:30px;text-align:center;}
.pagination_box .pagination li {display:inline-block;vertical-align:top;}
.pagination_box .pagination li a {display:inline-block;width:40px;height:40px;line-height:40px;padding:0;background:#fff;text-align:center;color:#777;}
.pagination_box .pagination li a:hover {background:rgba(72,128,232,.3);}
.pagination_box .pagination > li > a, .pagination > li > span {border:0;}
.pagination_box .pagination li.prev_first a {margin:0;background:url('./../img/common/btn_prev1.gif') no-repeat center ;font-size:0;}
.pagination_box .pagination li.prev a {background:url('./../img/common/btn_prev2.gif') no-repeat center center;font-size:0;}
.pagination_box .pagination li.next a {background:url('./../img/common/btn_next2.gif') no-repeat center center;font-size:0;}
.pagination_box .pagination li.next_last a {background:url('./../img/common/btn_next1.gif') no-repeat center center;font-size:0;}
.pagination_box .pagination li a span {padding:0;}
.pagination_box .pagination li a.on {border:none;background:#26c410;color:#fff;}
/* 모바일 */
@media only screen and (max-width:767px){
	.pagination li a {display:inline-block;}
	.pagination_box .pagination li a {display:inline-block;width:30px;height:30px;line-height:30px;padding:0;background:#fff;text-align:center;color:#777;}
}

/*버튼(공통)*/
.btn {border-radius:0;}
.btnArea {margin:20px 0;font-weight:400;text-align:right}
.btnArea_ex {text-align:center}
.btnArea:after {content:"";display:block;clear:both}
.btnArea a.btn {display:inline-block;padding:0 20px;line-height:45px;height:45px;border:1px solid #ccc;color:#505050}
.btnArea a.btn_print {display:inline-block;padding:0 20px;line-height:45px;height:45px;border:1px solid #323232;color:#fff}
.btnArea a.btn:hover,.btnArea a.btn:active,.btnArea a.btn:focus {background:#36425D;border:1px solid #36425D;color:#fff}
.btnArea a.btn_list {background:#fff}
.btnArea a.btn_print {background:#323232}
.btnArea a.btn_cancel {background:#666}
.btnArea a.btn_write {background:#26c410;border:1px solid #26c410;color:#fff}
.btnArea a.btn_make {background:#018fc2}
.btnArea a.btn_del {background:#666}


/*게시글 뷰어(공통)*/
.board_view:after {content:"";display:block;clear:both}
.board_view table {width:100%;line-height:21px;border-bottom:1px solid #e5e5e5;table-layout:auto;}
.board_view table tbody {}
.board_view table tbody tr {}
.board_view table tbody tr:first-child th,
.board_view table tbody tr:first-child td {border-top:2px solid #26c410;}
.board_view table tbody tr:first-child td {font-weight:600}
.board_view table.table_nextprev tbody tr:first-child th,
.board_view table.table_nextprev tbody tr:first-child td {border-top:1px solid #000}
.board_view table.table_nextprev tbody tr:first-child td {font-weight:400}
.board_view table tbody th {padding:15px 20px;background:#fbfbfb;border-top:1px solid #e4e4e4;vertical-align:middle;text-align:center;font-weight:500;color:#222;}
.board_view table tbody th.title {font-size:18px;color:#000}
.board_view table tbody th .hit_box {float:right;color:#777}
.board_view table tbody th .hit_box span {display:inline-block;margin-left:50px}
.board_view table tbody td {padding:20px;border-top:1px solid #e4e4e4;font-weight:400}
.board_view table tbody td.bord_top {border-top:0}
.board_view table tbody td.file a:active,.board_view table tbody td.file a:hover,.board_view table tbody td.file a:focus {text-decoration:underline;}
/* 모바일 */
@media only screen and (max-width:560px) {
	.board_view table colgroup col:first-child {width:35% !important;}
	.board_view table tbody th, .board_view table tbody td {padding:12px 10px;font-size:16px;transform:skew(.1deg);}
	.board_view table tbody td#brdContent {padding:15px 10px}

}
/*이전,다음글*/
.table_nextprev .colgroup_pc {display:table-column}
.table_nextprev .colgroup_mo {display:none}
.table_nextprev .data_last {text-align:right}
/* .board_view .notice_next th,.board_view .notice_prev th {padding:0 0 0 20px} */
.board_view .notice_next th a,.board_view .notice_prev th a {display:block;height:39px;padding-right:30px;line-height:39px;background:url('./../img/layout/btn_top.png') no-repeat center right;color:#3c3c3c}
.board_view .notice_prev th a {background:url('./../img/layout/btn_bottom.png') no-repeat right 0}
.board_view .notice_next td a,.board_view .notice_prev td a {display:inline;background:none;color:#646464}



/*게시글 작성(공통)*/
/*.board_write {margin:0}*/
.table .colgroup_pc {display:table-column;}
.table .colgroup_mo {display:none;}
.board_write table {width:100%;background:#fff;border-left:1px solid #d7d7d7;}
.board_write table label {font-weight:400;}
.board_write table tbody {}
.board_write table tbody tr {border-top:1px solid #d7d7d7}
.board_write table tbody th {padding:15px 15px;background:#f6f7f8;border-right:1px solid #d7d7d7;vertical-align:middle;text-align:left;font-weight:400;font-size:16px;color:#000}
.board_write table tbody td {padding:15px 15px;border-right:1px solid #d7d7d7;color:#999;}
.board_write table tbody td input[type="text"] {height:40px;line-height:40px;border:1px solid #e6e6e6;color:#999;}
.board_write table tbody td input[type="radio"] {width:auto;height:auto;}
.board_write table tbody td select {height:40px;line-height:40px;border:1px solid #e6e6e6;color:#999;}
.board_write table tbody td .tip {margin-left:8px;font-size:11px;color:#ff0000}
.board_write table tbody td.title input {width:100%}
.board_write table tbody td.content textarea {width:100%;border:1px solid #e6e6e6}
.board_write table tbody td .selectbox {position:relative;width:30%;height:40px;line-height:40px;background: url(/resource/mob/img/brd/select.gif) no-repeat 95% 50%;border:1px solid #d9d9d9;z-index:1}
.board_write table tbody td .selectbox label {position:absolute;top:0;left:15px;width:100%;height:40px;line-height:40px;color:#999;z-index:-1}
.board_write table tbody td .selectbox select {width:100%;height:40px;line-height:40px;font-family:inherit;border:0;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;-moz-appearance:none;appearance:none}
/*이미지, 파일첨부*/
.board_write table tbody td .btn-succes {width:85px;height:30px;line-height:30px;padding:0 7px;margin:0 5px;background:#36425D;transition:all 0.6s;color:#fff}
.board_write table tbody td .btn-succes:hover,.board_write table tbody td .btn-succes:focus,.board_write table tbody td .btn-succes:active {background:#2ec7ff}
#uploadFileList_img .btn-info {float:left;width:85px;height:30px;line-height:30px;padding:0 7px;background:#36425D;color:#fff;transition:all 0.6s}
#uploadFileList_img .btn-info:focus,#uploadFileList_img .btn-info:hover,#uploadFileList_img .btn-info:active {background:#2c70e1}
#uploadFileList_img a {overflow:hidden;display:inline-block;width:50px;height:30px;line-height:23px;padding:4px 7px;background:#666;color:#fff;text-align:center}
#uploadFileList_img a:focus,#uploadFileList_img a:hover,#uploadFileList_img a:active {background:#2c70e1}
#uploadFileList_doc .btn-danger {overflow:hidden;display:inline-block;width:50px;height:30px;line-height:30px;padding:0 7px;background:#de5b5b;color:#fff;text-align:center;transition:all 0.6s}
#uploadFileList_doc .btn-danger:focus,#uploadFileList_doc .btn-danger:hover,#uploadFileList_doc .btn-danger:active {background:#a72424}
.board_write .boardTable tbody {border-bottom:1px solid #d7d7d7;border-top:0;border-left:0;border-right:0}

/*갤러리*/
.board_gallery {overflow:hidden;padding:20px 0 0 0;margin-top:15px;border-top:2px solid #26c410;border-bottom:1px solid #000}
.board_gallery ul:after {content:"";display:block;clear:both}
.board_gallery li {display:inline-block;float:left;width:33%;padding-bottom:20px}
.board_gallery li a {display:block;width:auto;padding:10px;margin:0 15px;padding-bottom:15px;border:1px solid #e4e4e4;transition:all .4s;-webkit-transition:all .4s;}
.board_gallery li a:hover {border:1px solid #222;}
.board_gallery li a:active strong.g_title,.board_gallery li a:hover strong.g_title,.board_gallery li a:focus strong.g_title {text-decoration:underline;}
.board_gallery li a span.g_img {position:relative;display:block;padding:10px;margin-bottom:10px;width:100%;height:220px;text-align:center;overflow:hidden;}
.board_gallery li a span.g_img img {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:100%;}
.board_gallery li strong.g_title {display:table;width:100% !important;min-height:40px;margin:5px 0;text-align:center;line-height:20px;font-weight:500;color:#444;transform:skew(.1deg);}
.board_gallery li strong.g_title span {display:table-cell;vertical-align:middle;}
.board_gallery li span.g_date {display:block;width:100%;min-height:20px;text-align:center;font-family:"Noto Serif KR",sans-serif;font-size:13px;font-weight:400;transform:skew(.1deg);text-overflow:ellipsis;}
.board_gallery li .checkbox{float:right;margin:7px 15px 0 0;border:1px solid #000}
.board_no li {width:100%;min-height:auto}


/*모바일*/
@media only screen and (max-width:1023px){
	/*갤러리*/
	.board_gallery li {width:50%;}

}

/*모바일*/
@media only screen and (max-width:767px){

	/*게시글 작성(공통)*/
	.table .colgroup_pc {display:none;}
	.table .colgroup_mo {display:table-column;}

	/*이전,다음글*/
	.table_nextprev .colgroup_pc {display:none}
	.table_nextprev .colgroup_mo {display:table-column}

	/*갤러리*/
	.board_gallery li {width:100%;}


	.board_write table {word-break:keep-all;font-size:14px;}
	.board_write table br {display:none;}
	.board_write table tbody tr {display:block;}
	.board_write table tbody th {display:block;width:100%;height:100%;vertical-align:middle;}
	.board_write table tbody td {display:inline-block;width:100%;height:100%;}
	.board_write table input[type="text"] {width:100% !important;margin:4px 0 !important;}
	.board_write table input[type="checkbox"] {width:auto !important;margin:4px 0 !important;}
	.board_write table input.address {width:30% !important;margin:0 0 !important;}
	.board_write table select {width:100%;}
	.board_write table textarea {height:auto !important;}

	.btnArea .select_wrap {float:none;display:inline-block;width:100%;}
}