@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 { border:1px solid #dadada; display:block; text-align:center; }
div#bbsPhotoList > div.data > a:focus,
div#bbsPhotoList > div.data > a:hover { border-color:rgba(16, 103, 179, .8); background-color:rgba(16, 103, 179, .8); color:#FFF; text-decoration:none; }
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; }
div#bbsPhotoList > div.data > a > dl > dt { font-weight:600; }
div#bbsPhotoList > div.data > a > dl > dd { margin-top:10px; font-size:.80em; font-weight:600; color:#757575; }

div#bbsPhotoList > div.data > a div { overflow:hidden; }
div#bbsPhotoList > div.data > a img { transition:0.3s all ease-in-out; }
div#bbsPhotoList > div.data > a:hover div img,
div#bbsPhotoList > div.data > a:focus div img { transform:scale(1.2); }

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; padding:10px 15px; }
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;  position:relative;}
/*
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; }

/* 썸네일 게시판 - 리스트 */
div.borad-list-thumnail { margin-top:30px; }
div.borad-list-thumnail ul > li.thum > img { max-width:100%; border:1px solid #ccc; }
div.borad-list-thumnail > a { display:block; }
div.borad-list-thumnail ul > li.contents p.short_info{padding-top:20px;}
div.borad-list-thumnail ul > li.contents p.short_info > span { display:inline-block; font-size:0.8em; font-weight:bold; padding-top:3px; padding-bottom:3px; }
div.borad-list-thumnail ul > li.contents p.short_info > span:first-of-type { background:url('../../img/board/img_b_board_writer.png') no-repeat left center; padding-left:28px; margin-right:20px; }
div.borad-list-thumnail ul > li.contents p.short_info > span:last-of-type { background:url('../../img/board/img_b_board_date.png') no-repeat left center; padding-left:37px; }
div.borad-list-thumnail ul > li.contents dd.cont { margin-bottom:5px; font-size:0.8em; padding-top:12px; height:76px; overflow:hidden; }

/* 목록형 게시판 - 리스트 */
div.borad-list-list { margin-top:30px; }
div.borad-list-list > a { display:block; text-decoration:none; }
div.borad-list-list > a:hover,
div.borad-list-list > a:focus{ background:#f8f8f8; color:#20609c; }
div.borad-list-list ul > li{ padding:35px 15px; }
div.borad-list-list ul > li > dl > dt{font-weight:600; font-size:1.3em; letter-spacing:-.6px; }
div.borad-list-list ul > li > dl > dd { margin-top:25px; display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; }
div.borad-list-list ul > li > dl > dd > span { font-size:0.91em; font-weight:600; padding-top:5px; padding-bottom:5px; }

div.borad-list-list ul > li > dl > dd > span:first-of-type { color:#20609c; }
/*
div.borad-list-list ul > li > dl > dd > span:first-of-type { background:url('../../img/board/img_b_board_writer.png') no-repeat left center; padding-left:28px; margin-right:20px; }
div.borad-list-list ul > li > dl > dd > span:last-of-type { background:url('../../img/board/img_b_board_date.png') no-repeat left center; padding-left:37px; }
*/

/* 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#bbsPhotoList > div.data > a:not(:last-of-type) { margin-bottom:15px; }

	div#bbsView > h3 { font-size:1.6em; }
	div#bbsView > div.info { font-size:.8em; }
	
	div#bbsView > div.content > div.file { margin-bottom:20px; text-align: left;}
	div#bbsView > div.content > div.file dt a { display:block; padding:8px 12px 8px 36px; }
	
	div#bbsView > div.button { text-align:center; }
	div#bbsView > div.pndata > dl > dd { margin-top:10px; text-align:center; }
	
	/* 썸네일 게시판 - 리스트 */
	div.borad-list-thumnail > a { padding:15px; border:1px solid #ccc; border-top:2px solid #296b8a; }
	div.borad-list-thumnail > a:hover,
	div.borad-list-thumnail > a:focus { text-decoration:none; border-top-color:#ff7f00; }
	div.borad-list-thumnail > a:hover ul > li.contents dt.title,
	div.borad-list-thumnail > a:focus ul > li.contents dt.title { background-color:#ff7f00; color:#fff; }
	div.borad-list-thumnail > a:not(:last-of-type) { margin-bottom:12px; }
	div.borad-list-thumnail ul { }
	div.borad-list-thumnail ul > li.thum { text-align:center; margin-bottom:15px; }
	div.borad-list-thumnail ul > li.thum img { vertical-align:top; }
	div.borad-list-thumnail ul > li.contents { }
	div.borad-list-thumnail ul > li.contents dt.title { padding:5px 10px; text-align:center; font-weight:bold; font-size:1em; color:#fff; background-color:#296b8a; }
	div.borad-list-thumnail ul > li.contents p.short_info { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-top:12px; margin-top:12px; border-top:1px dashed #ccc; }
	div.borad-list-thumnail ul > li.contents p.short_info > span {  }
	
	/* 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; }
	
	
	/* 목록형 게시판 */
	div.borad-list-list > a { border:1px solid #ccc; border-top:2px solid #1067b3; }
	div.borad-list-list > a:hover,
	div.borad-list-list > a:focus { background-color:#f7f7f7; }
	div.borad-list-list > a:not(:last-of-type) { margin-bottom:12px; }
	
	div.borad-list-list ul > li > dl > dd { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	div.borad-list-list ul > li > dl > dd > span { display:block; width:100%; }
	
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1219px) {
	/* 모바일 여백*/
	#bbsPhotoList,
	#bbsList,#bbsView{padding:20px 10px;}
	
	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:1266px) {
	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:32%; }
	div#bbsPhotoList > div.data > a:nth-of-type(3n+2) { margin-left:2%; margin-right:2%; }

	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; }

	div#bbsView > div.content > div.file { text-align:right; }
	div#bbsView > div.content > div.file dd { position:absolute; right:20px; }
	
	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; }
	
	/* 썸네일 게시판 - 리스트 */
	div.borad-list-thumnail > a { padding:20px 0; }
	div.borad-list-thumnail > a:not(:last-of-type) { border-bottom:1px solid #ccc; }
	div.borad-list-thumnail > a:hover,
	div.borad-list-thumnail > a:focus { text-decoration:none; }
	div.borad-list-thumnail > a:hover ul > li.contents dt.title,
	div.borad-list-thumnail > a:focus ul > li.contents dt.title { color:#ff7f00; }

	div.borad-list-thumnail > a:hover ul > li.thum img,
	div.borad-list-thumnail > a:focus ul > li.thum img { border-color:#ff7f00; }

	div.borad-list-thumnail { border-top:3px solid #296b8a; }
	div.borad-list-thumnail ul {height:204px;}
	div.borad-list-thumnail ul { position:relative; }
	div.borad-list-thumnail ul > li.thum { position:absolute; }
	div.borad-list-thumnail ul > li.contents { margin-left:240px; }
	div.borad-list-thumnail ul > li.contents dt.title { font-weight:bold; font-size:1.2em; color:#296b8a; padding-bottom:12px; border-bottom:1px dashed #ccc; }
	div.borad-list-thumnail ul > li.contents dd.cont { margin-bottom:5px; font-size:0.8em; padding-top:12px; height:76px; overflow:hidden; }
	
	/* 목록형 게시판 - 리스트 */
	div.borad-list-list { border-top:2px solid #ccc; border-bottom:1px solid #7d7d7d;}
	div.borad-list-list > a { border-bottom:1px dashed #ccc; }
	div.borad-list-list > a:last-of-type{border-bottom:0px;}
	div.borad-list-list ul > li > dl > dd > span { display:inline-block;}
}


/*** Desktop ***/
@media screen and (min-width:1267px) {
	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:32%; }
	div#bbsPhotoList > div.data > a:not(:nth-of-type(3n+1)) { margin-left:2%; }

	div#bbsView > h3 { font-size:2em; }
	div#bbsView > div.info {border-top:1px solid #ddd; }
	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%; }
}