@charset "UTF-8";

div#bbsList > p.info { background-color:#f5f5f5; padding:15px; margin-bottom:15px; border:1px solid #dadada; text-align:center; }
div#bbsList > p.info > b { color:#f00; }
div#bbsList > p.nodata { text-align:center; font-weight:600; border-top:5px solid #ccc; border-bottom:1px solid #ccc; padding-top:50px; padding-bottom:50px; }
div#bbsList > a:first-of-type { border-top:2px solid #d52323; }
div#bbsList > a { display:block; border-bottom:1px solid #ccc; text-decoration:none; }
div#bbsList > a.notice { background-color:rgba(255, 0, 0, .05); }
div#bbsList > a:focus,
div#bbsList > a:hover { background-color:rgba(0, 0, 0, .02); }
div#bbsList > a > dl > dt { font-weight:600; }
div#bbsList > a.notice > dl > dt { color:#d52323; }
div#bbsList > a:focus > dl > dt,
div#bbsList > a:hover > dl > dt { color:#0c0; text-decoration:underline; }
div#bbsList > a > dl > dd { margin-top:8px; color:#757575; }

div#bbsPhotoList > p.info { background-color:#f5f5f5; padding:15px; margin-bottom:15px; border:1px solid #dadada; text-align:center; }
div#bbsPhotoList > p.info > b { color:#f00; }
div#bbsPhotoList > p.nodata { text-align:center; font-weight:600; border-top:5px solid #ccc; border-bottom:1px solid #ccc; padding-top:50px; padding-bottom:50px;margin-top:30px; }
div#bbsPhotoList > div.data > a { display:block; text-align:center; }
div#bbsPhotoList > div.data > a:focus,
div#bbsPhotoList > div.data > a:hover { border-color:rgba(15, 47, 56, .8); background-color:rgba(15, 47, 56, .6); color:#FFF; }
div#bbsPhotoList > div.data > a:focus > dl > dd,
div#bbsPhotoList > div.data > a:hover > dl > dd {color:#FFF}
div#bbsPhotoList > div.data > a > dl { padding:15px 10px; }
div#bbsPhotoList > div.data > a > dl > dt { font-weight:600; }
div#bbsPhotoList > div.data > a > dl > dd { margin-top:5px; font-size:.7em; color:#757575; }


/* 게시판 - 공통 (목록) */
.board-list-head { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; border:1px solid #ccc; background-color:#fafafa; padding:10px 15px; }

.board-list-head .left,
.board-list-head .right { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.board-list-head .left { font-size:0.85em; font-weight:600; }

.board-list-head .default { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.board-list-head .default input,
.board-list-head .default select,
.board-list-head .default button { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.board-list-head .default button[type="submit"] { border:none; color:#fff; background-color:#1a1a1a; font-weight:600; padding-left:16px; padding-right:16px; margin-right:0px; }
.board-list-head .default button[type="submit"]:hover,
.board-list-head .default button[type="submit"]:focus { background-color:#cd7254; color:#000; }

.board-list-head .default input,
.board-list-head .default select { border:1px solid #ccc; }

.board-list-head .right{display:block; }
.board-list-head .right p{text-align:right;font-size:.8em;padding-top:10px;}
.board-list-head form fieldset input[type="text"],
.board-list-head form fieldset select,
.board-list-head form fieldset button[type="submit"] { min-height: 35px; vertical-align: top ;font-size:.9em;}
.board-list-head form fieldset input[type="text"]{padding-left:3px;padding-top:0px; padding-bottom:0px}

/* 프로젝트 게시판 */
#bbsProjectList { 
	display:block; 
	width:90%;
	margin:0 auto;
}

#bbsProjectList>.nodata{
	text-align: center;
	padding: 50px;
	font-size: 14px;
	font-weight: bold;
}

#bbsProjectList .project-board-list { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; flex-wrap:wrap; -ms-flex-wrap:wrap; width:100%; margin-top:20px; }

#bbsProjectList .project-board-list .b-list-box {
	width:19%;
	display:block; 
	position:relative; 
	border:1px solid #ccc;
	margin-right:1.25%;
}

#bbsProjectList .project-board-list .b-list-box .img-box { width:100%; display:block; }

#bbsProjectList .project-board-list .b-list-box .txt-box { width:100%; display:block; position:relative; padding:20px 10px; background-color:#fff; border-top:1px solid #ccc; }

#bbsProjectList .project-board-list .b-list-box .depart { 
	display:block; 
	width:80px;
	min-height:30px;
	padding:5px; 
	text-align:center; 
	font-size:0.91em; 
	font-weight:400; 
	background-color:#649bb9; 
	color:#fff; 
	position:absolute; 
	left:20px; 
	top:-30px; 
}

#bbsProjectList .project-board-list .b-list-box .pb-title { 
	display:block; 
	width:100%; 
	font-weight:600;
	color:#000; 
	font-size:1.2em; 
	line-height:1.5; 
	min-height:50px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#bbsProjectList .project-board-list .b-list-box .pb-ct .ct p {
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

#bbsProjectList .project-board-list .b-list-box .txt-box .pb-ct:nth-child(3) .ct {
	    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 150px;
}

#bbsProjectList .project-board-list .b-list-box .pb-ct { width:100%; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; /* flex-wrap:wrap; -ms-flex-wrap:wrap;*/ }
#bbsProjectList .project-board-list .b-list-box .pb-ct:not(:last-of-type) { margin-bottom:10px; }

#bbsProjectList .project-board-list .b-list-box .pb-ct .tt,
#bbsProjectList .project-board-list .b-list-box .pb-ct .ct { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; display:block; font-weight:500; font-size:0.91em; }

#bbsProjectList .project-board-list .b-list-box .pb-ct .tt { width:70px; margin-right:10px;  }
#bbsProjectList .project-board-list .b-list-box .pb-ct .ct { width:calc(100% - 80px); }

#bbsProjectList .project-board-list .b-list-box .link-bg { width:36px; height:36px; display:block; position:absolute; right:20px; top:20px; background-repeat:no-repeat; background-position:center center; background-image:url('/res/img/board/img-project-board-link-icon.png'); }

#bbsProjectList .project-board-list .b-list-box:hover .link-bg,
#bbsProjectList .project-board-list .b-list-box:focus .link-bg { background-image:url('/res/img/board/img-project-board-link-icon-active.png'); }

#bbsProjectList .project-board-list .b-list-box .line-effect { position:absolute; transition:0.3s all ease-in-out; background-color:#1b3178; }
#bbsProjectList .project-board-list .b-list-box .line-effect-top { top:-1px; left:-1px; height:2px; width:0px; }
#bbsProjectList .project-board-list .b-list-box .line-effect-right { right:-1px; top:-1px; width:2px; height:0px; }
#bbsProjectList .project-board-list .b-list-box .line-effect-bottom { bottom:-1px; right:-1px; height:2px; width:0px; }
#bbsProjectList .project-board-list .b-list-box .line-effect-left { bottom:-1px; left:-1px; width:2px; height:0px; }

#bbsProjectList .project-board-list .b-list-box:hover .line-effect-top,
#bbsProjectList .project-board-list .b-list-box:focus .line-effect-top { width:100%; }
#bbsProjectList .project-board-list .b-list-box:hover .line-effect-right,
#bbsProjectList .project-board-list .b-list-box:focus .line-effect-right { height:100%; }
#bbsProjectList .project-board-list .b-list-box:hover .line-effect-bottom,
#bbsProjectList .project-board-list .b-list-box:focus .line-effect-bottom { width:100%; }
#bbsProjectList .project-board-list .b-list-box:hover .line-effect-left,
#bbsProjectList .project-board-list .b-list-box:focus .line-effect-left { height:100%; }

#bbsProjectList .project-board-list .b-list-box:hover,
#bbsProjectList .project-board-list .b-list-box:focus { text-decoration:none; box-shadow:3px 3px 0 rgba(0,0,0,.3); -ms-box-shadow:3px 3px 0 rgba(0,0,0,.3); -webkit-box-shadow:3px 3px 0 rgba(0,0,0,.3); -moz-box-shadow:3px 3px 0 rgba(0,0,0,.3); -o-box-shadow:3px 3px 0 rgba(0,0,0,.3); }

/* 게시판 - 한줄형태 */
.forum-board-list { display:block; width:100%; margin-top:30px; border-top:2px solid #323232; }
.forum-board-list .forum-b-list { display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; width:100%; padding:20px; border-bottom:1px solid #ccc; }

.forum-board-list .forum-b-list:hover,
.forum-board-list .forum-b-list:focus { background-color:#f1f1f1; text-decoration:none; }

.forum-board-list .forum-b-list .board-txt,
.forum-board-list .forum-b-list .detail { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.forum-board-list .forum-b-list .board-txt { display:block; width:calc(100% - 150px); }
.forum-board-list .forum-b-list .board-txt .tt { width:100%; display:block; }
.forum-board-list .forum-b-list .board-txt .category { display:block; width:100%; margin-bottom:8px; }
.forum-board-list .forum-b-list .board-txt .category .ca-tt { display:inline-block; padding:5px 15px; background-color:#464646; color:#fff; font-weight:600; font-size:0.91em; border-radius:5px; }

.forum-board-list .forum-b-list .board-txt .category .ca-tt.cate1 { background-color:#1c4770; }
.forum-board-list .forum-b-list .board-txt .category .ca-tt.cate6 { background-color:#cd3c41; }
.forum-board-list .forum-b-list .board-txt .category .ca-tt.cate11 { background-color:#393739; }
.forum-board-list .forum-b-list .board-txt .category .ca-tt.cate16 { background-color:#1c6370; }
.forum-board-list .forum-b-list .board-txt .category .ca-tt.cate23 { background-color:#1c7061; }
.forum-board-list .forum-b-list .board-txt .category .ca-tt.cate27 { background-color:#ff9600; }
.forum-board-list .forum-b-list .board-txt .category .ca-tt.cate31 { background-color:#76161b; }
.forum-board-list .forum-b-list .board-txt .category .ca-tt.cate36 { background-color:#167076; }



.forum-board-list .forum-b-list .board-txt .txt-box { width:100%; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.forum-board-list .forum-b-list .board-txt .txt-box .txt,
.forum-board-list .forum-b-list .board-txt .txt-box .commentCnt { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.forum-board-list .forum-b-list .board-txt .txt-box .txt { display:block; max-width:100%; font-weight:600; font-size:1.2em; letter-spacing:-.6px; }

.forum-board-list .forum-b-list .board-txt .txt-box .commentCnt { min-width:50px; font-weight:600; color:#0054a6; margin-left:20px; }


.forum-board-list .forum-b-list .board-txt .w-info { width:100%; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; margin-top:30px; }
.forum-board-list .forum-b-list .board-txt .w-info span { display:block; width:auto; font-weight:600; font-size:0.85em; color:#676767; }
 /* .forum-board-list .forum-b-list .board-txt .w-info span:not(:last-of-type) { margin-right:10px; }*/


.forum-board-list .forum-b-list {  }
.forum-board-list .forum-b-list .detail { border:1px solid #ccc; padding:12px; width:120px; transition:0.3s all ease-in-out; display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; text-align:center; }
.forum-board-list .forum-b-list .detail strong { font-size:1em; }
.forum-board-list .forum-b-list .detail span { display:none; }

.forum-board-list .forum-b-list:focus .detail,
.forum-board-list .forum-b-list:hover .detail{ background-color:#0054a6; color:#FFF; border-color:#0054a6; width:140px; }

.forum-board-list .forum-b-list:focus .detail span,
.forum-board-list .forum-b-list:hover .detail span { display:block; font-size:0.85em; vertical-align:text-bottom; }
.forum-board-list .forum-b-list:hover .detail strong { font-size:1em; margin-left:10px; }





#sub_tab { padding:20px 0px 0px;  }
#sub_tab .tab-menu-box { overflow:hidden; }
#sub_tab .tab-menu-box .tab-list { float:left; min-width:82px; }
#sub_tab .tab-menu-box .tab-list:not(:last-of-type){ margin-right:20px; margin-bottom:20px; }

#sub_tab .tab-menu-box .tab-list a { padding-left:15px; padding-right:15px; display:block; padding:10px 0; font-size:.85em; font-weight:bold; color:#444;
text-align:center; border:1px solid #dbdbdb; }

#sub_tab .tab-menu-box .tab-list a.on { color:#fff; }
#sub_tab .tab-menu-box .tab-list a:hover,
#sub_tab .tab-menu-box .tab-list a:focus { text-decoration:none; }
#sub_tab .tab-menu-box .tab-list a.on { background-color:rgb(125 145 75);}

/* 프로젝트 게시판 반응형 */

@media screen and (min-width:1451px) {
	#bbsProjectList .project-board-list .b-list-box:nth-child(5n) {
		margin-right:0;
	}

	#bbsProjectList .project-board-list .b-list-box:nth-child(n + 6) {
		margin-top:20px;
	}
}

@media screen and (min-width:1026px) and ( max-width:1450px) {
	#bbsProjectList .project-board-list .b-list-box:nth-child(4n) {
		margin-right:0;
	}

	#bbsProjectList .project-board-list .b-list-box:nth-child(n + 5) {
		margin-top:20px;
	}
}

@media screen and (min-width:770px) and ( max-width:1025px) {
	#bbsProjectList .project-board-list .b-list-box:nth-child(3n) {
		margin-right:0;
	}

	#bbsProjectList .project-board-list .b-list-box:nth-child(n + 4) {
		margin-top:20px;
	}
}

@media screen and (max-width:1450px) {
	#bbsProjectList .project-board-list .b-list-box {
		width:24%;
		margin-right:1.33333%;
	}
}

@media screen and (max-width:1025px) {
	#bbsProjectList .project-board-list .b-list-box {
		width:32%;
		margin-right:2%;
	}
	
	#bbsProjectList .project-board-list .b-list-box .txt-box {
		padding:2vw;
	}
}

@media screen and (max-width:769px) {
	#bbsProjectList .project-board-list .b-list-box {
		width:49%;
		margin-right:2%;
	}
	
	#bbsProjectList .project-board-list .b-list-box:nth-child(2n) {
		margin-right:0;
	}
	
	#bbsProjectList .project-board-list .b-list-box:nth-child(n + 3) {
		margin-top:20px;
	}
}

/* 공간 대관 신청 */
div#spaceList > p.info { background-color:#f5f5f5; padding:15px; margin-bottom:15px; border:1px solid #dadada; text-align:center; }
div#spaceList > p.info > b { color:#f00; }
div#spaceList > div.data > a { display:block; }
div#spaceList > div.data > a:focus,
div#spaceList > div.data > a:hover { border-color:#649bb9; background-color:#f5f5f5; }
div#spaceList > div.data > a > dl > dt { font-size:1.1em; font-weight:600; border-bottom:1px solid #dadada; padding-bottom:10px; margin-bottom:10px; }
div#spaceList > div.data > a > dl > dd { margin-top:5px; font-size:14px; color:#757575; font-weight:400;}
div#spaceList > div.data > a > dl > dd > ul > li:not(:first-of-type) { margin-top:3px; }
div#spaceList > div.data > a > dl > dd > ul > li b { font-weight:400; }
div#spaceList > div.data > a > p { margin-bottom:15px; text-align:center; padding-top:10px; padding-bottom:10px; border:1px solid #dadada; border-radius:4px; }
/*div#spaceList > div.data > a > p.enable { background-color:#080; color:#fff; }*/
div#spaceList > div.data > a:focus > p,
div#spaceList > div.data > a:hover > p { background-color:#649bb9; color:#fff; }
div#spaceList > div.data > a > p.disable { background-color:#cd7254; color:#fff; }
div#spaceList > div.data > a > p.repair { background-color:#757575; color:#fff; }

/* 장비 대여 신청 */
div#equipList > p.info { background-color:#757575; color:#fff; font-size:.8em; padding:10px 15px; }
div#equipList > a { display:block; border-bottom:1px solid #ccc; text-decoration:none; }
div#equipList > a:focus,
div#equipList > a:hover { background-color:rgba(0, 0, 0, .02); }
div#equipList > a > dl > dt { font-weight:600; }
div#equipList > a:focus > dl > dt,
div#equipList > a:hover > dl > dt { color:#0c0; text-decoration:underline; }
div#equipList > a > dl > dd { margin-top:8px; color:#757575; }
div#equipList > a > p > b.disable { background-color:#f00; color:#fff; }
div#equipList > a > p > b.repair { background-color:#757575; color:#fff; }



/* 게시판 분류탭 */
div#sub_tab { padding:0px 0px 20px; }
div#sub_tab > ul { overflow:hidden; }
div#sub_tab > ul > li { float:left; }
div#sub_tab > ul > li > a { display:block; padding:10px 0; font-size:.98em; font-weight:600; color:#444;  background-color:#fff; text-align:center; border:1px solid #b2b2b2; }
div#sub_tab > ul > li > a.on { color:#fff; }
div#sub_tab > ul > li > a:hover,
div#sub_tab > ul > li > a:focus { text-decoration:none; }
div#sub_tab > ul > li > a.on { background-color:#0066a3; border:1px solid #0066a3; }

div#sub_tab { text-align:center; margin-bottom:20px; }
div#sub_tab > ul {display:flex; display:-ms-flexbox; flex-wrap:wrap; -ms-flex-wrap:wrap; }
div#sub_tab > ul > li { float:left; }
div#sub_tab > ul > li > input { width:100%; display:block; padding:10px 0; font-size:.98em; font-weight:600; color:#444; background-color:#fff; text-align:center; border:1px solid #b2b2b2; }
div#sub_tab > ul > li > input.on { color:#fff; }
div#sub_tab > ul > li > input:hover,
div#sub_tab > ul > li > input:focus { text-decoration:none; }
div#sub_tab > ul > li > input.on { background-color:#0066a3; border:1px solid #0066a3; }


p#bbsPage { text-align:center; padding:20px; font-size:.9em; }
p#bbsPage > * { display:inline-block; padding:5px 10px; border:1px solid #dadada;  background-color:#fff; }
p#bbsPage > *:not(:first-child) { margin-left:3px; }
p#bbsPage > * > span { letter-spacing:-3px; }
p#bbsPage > a:focus,
p#bbsPage > a:hover { border-color:#000; color:#000; }
p#bbsPage > span.active { font-weight:600; border-color:rgba(15, 47, 56, .8);  background-color:rgba(15, 47, 56, .8); color:#fff; }
p#bbsPage > span.disable { background-color:#f5f5f5; color:#ccc; }

form#bbsSearch { text-align:center; background-color:#FFF; padding:15px; font-size:.95em;  }
form#bbsSearch > fieldset > * { vertical-align:middle; }
form#bbsSearch > fieldset > input[type="text"] { width:50%; }
form#bbsSearch > fieldset > input[type="submit"] { padding:3px 12px; border:none; background-color:#000; color:#fff; font-weight:600; }
form#bbsSearch > p { padding-top:15px; }

div#bbsView > h3 { text-align:center; border-top:3px solid #6f8287; padding:30px 10px; }
div#bbsView > div.info { overflow:hidden; margin-bottom:30px;}
div#bbsView > div.info > dl.user { float:left; }
div#bbsView > div.info > dl.read { float:right; }
div#bbsView > div.info > dl > * { display:inline-block; }
div#bbsView > div.content { line-height:1.6; }
/*
div#bbsView > div.content > div.file { position:relative; text-align:right; margin-bottom:15px; }
div#bbsView > div.content > div.file > dl > dt { display:inline-block; font-weight:600; font-size:.9em; }
div#bbsView > div.content > div.file > dl > dt > a { display:block; }
div#bbsView > div.content > div.file > dl > dd { max-width:100%; position:absolute; top:38px; right:0; background-color:#fff; text-align:right; border:1px solid #ccc; display:none; }
div#bbsView > div.content > div.file > dl > dd > p { width:100%; padding:10px 14px; }
div#bbsView > div.content > div.file > dl > dd > p:not(:first-of-type) { border-top:1px dotted #dadada; }
*/
div#bbsView > div.content > div.file {margin-bottom:15px; }
div#bbsView > div.content > div.file dt a { padding:5px 12px 5px 36px; }
div#bbsView > div.content > div.file dd { margin-top:10px;}
div#bbsView > div.content > div.file dt { font-size:.9em; }
div#bbsView > div.content > div.file dt a { background:url('../../img/board/img_file.png') 12px center no-repeat; border:1px solid #dadada; }
div#bbsView > div.content > div.file dt a.active { border-color:#080; color:#080; }
div#bbsView > div.content > div.file dd { font-size:.7em; border:1px solid #000; display:none; }
div#bbsView > div.content > div.file dd p { padding:7px 9px; background-color:#fff; }
div#bbsView > div.content > div.file dd p.file { background-color:#fff; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
div#bbsView > div.content > div.file dd p.file a {  margin-left:40px; }
div#bbsView > div.content > div.file dd p:hover { background-color:#eee; }
div#bbsView > div.content > div.file dd p span { padding-left:16px; background:url('../../img/board/img_download.png') left center no-repeat; }
div#bbsView > div.content > div.file dd p a { display:block; text-align:right; word-break:keep-all; font-weight:600; }

div#bbsView > div.content > p { margin-bottom:15px; }
div#bbsView > div.content > p > img { max-width:100%; max-height:100%; }
div#bbsView > div.button { margin-top:10px; }
div#bbsView > div.pndata { margin-top:20px; border-top:1px solid #484848; }
div#bbsView > div.pndata > dl { padding:20px 10px; }
div#bbsView > div.pndata > dl:not(:first-of-type) { border-top:1px solid #dadada; }
div#bbsView > div.pndata > dl > dt { font-weight:600; text-align:center; }
div#bbsView > p.check { background-color:#f5f5f5; margin-top:20px; margin-bottom:20px; padding:30px 20px; color:#f00; font-weight:600; text-align:center; }

/* MY 분석실 - 리포트 공통 폼 */
.form_box { padding:35px; border:1px solid #ccc; }

.form_box .form { background-color:#f1f1f1;  }
.form_box .classTitle { font-weight:bold; font-size:2em; text-align:center; padding:20px 0; background-color:#2c7cb8; color:#fff; font-family:"Nanum Square"; }
.form_box table.form_table .b-r { border-right:1px solid #ccc;  }

.form_box table.form_table .no-br { border-right:0px solid #ccc; }
.form_box table.form_table .no-bb { border-bottom:0px solid #ccc; }

.form_box .tb-bg input[type="text"] { width:100%; border:0px; }

.form_box .f-tt { font-size:1.2em; font-weight:900; letter-spacing:-1.2px; margin:40px 0 15px 0; }

.form_box .ra-bt { display:flex; display:-ms-flexbox; }
.form_box .ra-bt > * { -ms-flex-align:center; align-self:center; }
.form_box .ra-bt li:not(:last-of-type) { margin-right:15px; }
.form_box .ra-bt label { margin-left:5px; }

.form_box .ra-bt input.ra-bt-input { border:1px solid #ccc; display:inline-block; width:auto; margin-left:5px; margin-right:5px; }

/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	div#bbsList > a { padding:15px; }
	div#bbsList > a > dl > dt { font-size:1.2em; }
	div#bbsList > a > dl > dd { font-size:.7em; }
	div#bbsList > a > dl > dd > ul > li:not(:first-of-type) { margin-top:5px; }

	div#bbsPhotoList > div.data > a { border-bottom:1px solid #dadada; }

	div#bbsView > h3 { font-size:1.6em; }
	div#bbsView > div.info { font-size:.9em; padding: 10px 0;}
	div#bbsView > div.content > div.file > dl > dd { font-size:.8em; }
	div#bbsView > div.button { text-align:center; }
	div#bbsView > div.pndata > dl > dd { margin-top:10px; text-align:center; }
	
	/* 공간 대관 신청 */
	div#spaceList > div.data > a { border-bottom:1px solid #dadada; border-top:1px solid #dadada; margin-bottom:30px;}
	div#spaceList > div.data > a > dl { padding-top:15px; padding-bottom:10px;}
	div#spaceList > div.data > a > p { margin-top:15px; }

	/* 장비 대여 신청 */
	div#equipList > a { padding:15px; }
	div#equipList > a > dl > dt { font-size:1.2em; }
	div#equipList > a > dl > dd { font-size:.7em; }
	div#equipList > a > dl > dd > ul > li:not(:first-of-type) { margin-top:5px; }
	div#equipList > a > p { margin-top:10px; }
	div#equipList > a > p > b { width:100%; display:inline-block; padding:6px 16px; text-align:center; }


	/* MY 분석실 공통 폼 디자인 */
	.form_box table.form_table colgroup { display:none; }
	
	.form_box table.form_table,
	.form_box table.form_table tbody,
	.form_box table.form_table tbody tr { display:block; }
	.form_box table.form_table tbody td, 
	.form_box table.form_table tbody th { width:100%; display:block; border-left:1px solid #ccc; border-right:1px solid #ccc; }
	.form_box table.form_table tbody tr td { border:1px solid #ccc; padding:20px 10px; }
	.form_box table.form_table { border-top:1px solid #ccc; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1219px) {
	div#bbsView > div.content { border-bottom:1px solid #ddd; padding:20px; }
	div#bbsView > div.info { border-top:1px solid #ddd;  border-bottom:1px solid #ddd;  }
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1219px) {
	div#bbsList > a { padding:18px 20px; }
	div#bbsList > a > dl > dt { font-size:1.3em; }
	div#bbsList > a > dl > dd { font-size:.8em; }

	div#bbsPhotoList > div.data { padding-left:20px; padding-right:20px; }
	div#bbsPhotoList > div.data > a { width:30%; }
	div#bbsPhotoList > div.data > a:nth-of-type(3n+2) { margin-left:5%; margin-right:5%; }

	/* 공간 대관 신청 */
	div#spaceList > div.data { display:-ms-flexbox; display:flex;  flex-wrap:wrap; -ms-flex-wrap:wrap; }
	div#spaceList > div.data > a { width:49%;  margin-top:20px; border:1px solid #dadada; overflow:hidden; }
	div#spaceList > div.data > a:nth-of-type(2n-1) { margin-right:2%; }
	div#spaceList > div.data > a > dl { padding:15px 20px; }
	div#spaceList > div.data > a > p { margin-left:20px; margin-right:20px; }
	

	/* 장비 대여 신청 */
	div#equipList > a { padding:18px 20px; display:-ms-flexbox; display:flex; }
	div#equipList > a > dl { width:85%; }
	div#equipList > a > dl > dt { font-size:1.3em; }
	div#equipList > a > dl > dd { font-size:.8em; }
	div#equipList > a > p { width:15%; display:block; -ms-flex:1; flex:1; }
	
	div#bbsView > h3 { font-size:1.8em; }
	div#bbsView > div.info { font-size:.9em; }
	div#bbsView > div.pndata > dl > dt { width:20%; }
	div#bbsView > div.pndata > dl > dd { width:80%; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	div#bbsList > a { background-image:url('../img/sub/img_more.png'); background-position:right center; background-repeat:no-repeat; }
	div#bbsList > a > dl > dd > ul > li { display:inline-block; margin-right:20px; }

	div#bbsPhotoList > div.data { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
	div#bbsPhotoList > div.data > a { margin-top:20px; border:1px solid #dadada; }

	/* 장비 대여 신청 */
	div#equipList > a > dl > dd > ul > li { display:inline-block; margin-right:20px; }
	div#equipList > a > p > b { width:100%; height:100%; display:block; text-align:center; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; }

	div#bbsView > div.content > div.file > dl > dd { font-size:.9em; }
	div#bbsView > div.button { text-align:right; }
	div#bbsView > div.pndata > dl { display:-ms-flexbox; display:flex; }
	div#bbsView > div.pndata > dl > dd { border-left:1px solid #dadada; padding-left:20px; }
}


/*** Desktop ***/
@media screen and (min-width:1220px) {
	div#bbsList > a { padding:22px 25px; }
	div#bbsList > a > dl > dt { font-size:1.5em; }
	div#bbsList > a > dl > dd { font-size:.85em; }

	div#bbsPhotoList > div.data > a { width:22%; }
	div#bbsPhotoList > div.data > a:not(:nth-of-type(4n+1)) { margin-left:4%; }
	
	/* 공간 대관 신청 */
	div#spaceList > div.data { display:-ms-flexbox; display:flex; flex-wrap:wrap; -ms-flex-wrap:wrap;}
	div#spaceList > div.data > a { width:22.75%;  margin-top:20px; border:1px solid #dadada; overflow:hidden; }
	div#spaceList > div.data > a:hover { text-decoration:none; }
	div#spaceList > div.data > a:nth-of-type(3n+2) { margin-left:3%; margin-right:3%; }
	div#spaceList > div.data > a:nth-of-type(3n) { margin-right:3%; }
	div#spaceList > div.data > a > dl { padding:5px 10px; }
	div#spaceList > div.data > a > p { margin-left:20px; margin-right:20px; }

	/* 장비 대여 신청 */
	div#equipList > a { padding:22px 25px; display:-ms-flexbox; display:flex; }
	div#equipList > a > dl { width:90%; }
	div#equipList > a > dl > dt { font-size:1.5em; }
	div#equipList > a > dl > dd { font-size:.85em; }
	div#equipList > a > p { width:10%; display:block; -ms-flex:1; flex:1; }
	

	div#bbsView > h3 { font-size:2em; }
	div#bbsView > div.content { border:1px solid #ddd; padding:30px; }
	div#bbsView > div.pndata { border-bottom:1px solid #dadada; }
	div#bbsView > div.pndata > dl > dt { width:15%; }
	div#bbsView > div.pndata > dl > dd { width:85%; }
}