@charset "utf-8";
/* DBCore 기획개발 1팀 | 김민경 | 2015-08-10 */


/* Board : List */
.boardTop { overflow:hidden; text-align:right;}
.boardTop:after { content:""; display:block; clear:both;}
.boardTop .boardInfo { float:left; padding-top:15px;}
.boardTop .boardInfo i { font-weight:bold; color:#e33333}
.boardTop .boardSearch { float:right; margin-bottom:10px;}
.boardTop .boardSearch input[type="text"] { border-radius:5px; height:35px; box-sizing:border-box;}
.boardTop .boardSearch input[type="text"] + input[type="submit"],
.boardTop .boardSearch input[type="text"] + input[type="button"] { border-radius:0 5px 5px 0 ; border-right:none; margin-left:-5px;}

.boardTop .boardSearchBox					{ float: right; }
.boardTop .boardSearchBox .boardSearch		{ float: left; margin-right: 0; margin-left: 10px; }
.boardTop .boardSearchBox .boardSearch.datetime div					{ float: left; position: relative; }
.boardTop .boardSearchBox .boardSearch.datetime div input			{ box-sizing: border-box; border-right: 1px solid #d3d6db; border-radius: 5px; }
.boardTop .boardSearchBox .boardSearch.datetime > div + div	{ padding-left: 20px; }
.boardTop .boardSearchBox .boardSearch.datetime > div + div:before	{ content: "~"; position: absolute; left: 6px; line-height: 30px; }

@media all and (max-width: 1280px) { 
	.boardTop .boardInfo + .boardSearchBox				{ padding-top: 15px; }
}
@media all and (max-width: 790px) { 
	.boardTop .boardSearch.datetime				{ margin-left: 0; }
}
@media all and (max-width: 645px) { 
	.boardTop .boardSearchBox	{ clear: both; }
	.boardTop .boardSearchBox .boardSearch input[type="text"],
	.boardTop .boardSearchBox .boardSearch.datetime input[type="text"] { width: 80px; }
}
@media all and (max-width: 430px) {
	.boardTop .boardSearchBox .boardSearch			{ clear: both; margin-left: 0; }
	.boardTop .boardSearchBox .boardSearch.datetime	{ float: right; }
	.boardTop .boardSearchBox .boardSearch input[type="text"]		{ width: 123px; }
}


.boardList { width: 100%; margin-top:10px; border:0; border-spacing:0; border-collapse:separate; border-top:3px solid #61646c;}
.boardList caption { position: absolute; z-index: -10; top: 0; left: 0;width: 1px; height: 1px; overflow: hidden; }
.boardList th, .boardList td { padding:15px 5px 13px; border-bottom:1px solid #cccfd5;}
.boardList thead th { background:url(/resource/img/common/board/line_th.gif) no-repeat 0 50% #f6f6f7; border-bottom:1px solid #61646c; }
.boardList thead th:first-child { background-image:none;}
.boardList tbody td { text-align:center}
.boardList tbody td.txt_list{text-align:left;}
/* .boardList tbody td:nth-child(2) { text-align:left}  */
.boardList tbody td.title { text-align:left}
.boardList tr:hover td, .boardList tr:focus td { background:#fafafb;}

.boardList td .type-ico				{ display: inline-block; position: relative; width: 20px; height: 20px; text-indent: -999px; overflow: hidden; }
.boardList td .type-ico:before		{ display: block; width: 100%; text-align: center; text-indent: 0; font-family: 'icon'; }
.boardList td .type-ico.s001:before	{ content: "\e990"; }
.boardList td .type-ico.s002:before	{ content: "\e98f"; }


/* Board : View 
.boardView { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
.boardView .titleArea { position:relative; padding:20px; background:#f6f6f7; border-bottom:1px solid #61646c;}
.boardView .titleArea .title { font-size:1.3em; font-weight:bold; color:#333}
.boardView .titleArea .boardDate { margin-top:15px; color:#666;}
.boardView .titleArea .boardDate .view {  padding-left:30px; background:url(/resource/img/common/board/icon_view.png) no-repeat 8px 1px;}
.boardView .infoArea { overflow:hidden; border-bottom:1px solid #cccfd5;}
.boardView .infoArea li { float:left; width:50%; padding:10px 0; border-bottom:1px solid #cccfd5;}
.boardView .infoArea li span { display:table-cell; margin-right:15px; padding:0 15px;}
.boardView .infoArea li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5; color:#333}
.boardView .infoArea li.last { width:100%;}

.boardView .infoArea2 { overflow:hidden; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li { padding:10px 0; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li span { display:table-cell; margin-right:15px; padding:0 15px;}
.boardView .infoArea2 li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5; color:#333}

.boardView .articleArea { padding:20px; }
.boardView .listArea li { border-top:1px solid #cccfd5; }


.boardView .listArea li a { display:table-cell; padding:15px 15px 13px;}
.boardView .listArea li span { display:table-cell; width:100px; padding:15px 15px 13px 20px; text-align:center; font-weight:bold; background:url(/resource/img/common/board/icon_link_list.png) no-repeat 5px -85px #f5f5f5;}
.boardView .listArea li:first-child span { background-position: 5px 14px;}
*/
/* Board : View */
.boardView2 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
.boardView2 .titleArea { position:relative; padding:20px; background:#f6f6f7; border-bottom:1px solid #61646c;}
.boardView2 .titleArea .title { font-size:1.3em; font-weight:bold; color:#333}
.boardView2 .titleArea .title + p { padding-top:5px; font-size:1.1em; font-weight:bold; color:#666}

.viewInfo { padding:10px 20px; border-top:1px dashed #cccfd5; }
.viewInfo li { padding:5px 0 5px 6px; }
.viewInfo li:before { content:""; display:inline-block; width:2px; height:2px; margin:0 3px 3px -6px; background:#6c6e72; vertical-align:middle}


.boardView2 .articleArea { padding:20px;;}
.boardView2 .articleArea img{ height:auto;}
.boardTag { margin:15px 20px 0;}
.boardTag i { position:relative; padding:5px 10px; border-radius:5px; margin-right:10px; color:#fff; font-weight:bold; background:#db3a0f;}
.boardTag i:after { position:absolute; top:50%; right:-10px; margin-top:-5px; content:""; display:block; width: 0; height: 0; margin-right:5px; 
border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #db3a0f; }

/* Board : Write */
.boardWrite { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #8e919a}
.boardWrite thead th { height:22px; padding-bottom:10px; font-size:14px; background:#61646c; color:#fff;}
.boardWrite th, .boardWrite td { padding:9px 10px 8px; height:37px; border-top:1px solid #cccfd5;}
.boardWrite tr:first-child th, .boardWrite tr:first-child td { border-top:none}
.boardWrite th { background:#f6f6f7; color:#333}
.boardWrite col:first-child { width:20%;}
.boardWrite col + col { width:auto;}
.boardWrite input[type="text"], 
.boardWrite input[type="email"],
.boardWrite input[type="tel"] { _width:150px; width:80%; box-sizing:border-box;}
.boardWrite .setBlock { display:inline-block; white-space:nowrap; margin:2px 0; }
.boardWrite .setBlock input[type="text"], 
.boardWrite .setBlock input[type="email"],
.boardWrite .setBlock input[type="tel"] { width:150px; }
.boardWrite textarea { width:100%; box-sizing:border-box;}





/* Gallery */
.boardGallery, .boardGallery * { box-sizing:border-box;}
.boardGallery {  width:100%; overflow:hidden; padding:30px 0; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardGallery > div { float:left; width:23%; margin:1%; padding:10px 10px 15px; border:1px solid #b7b8be;}
.boardGallery > div:first-child { _margin-left:0;}
.boardGallery .gImg { position: relative; overflow:hidden; width:100%; height:0px; padding-bottom:68%;}
.boardGallery .gImg img { position: absolute; top:0; left:0; width:100%; height:auto; border:1px solid #ddd; }
.boardGallery .gCont { overflow:hidden;}
.boardGallery .gCont .bTitle { margin:8px 0; font-size:14px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/* .boardGallery .gCont .bName {} */
.boardGallery .gCont .bDate { float:right; font-size:12px;}

.boardTextGallery { margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardTextGallery > ul > li { border-top:1px dashed #bdbdbd; }
.boardTextGallery > ul > li:after { content:""; display:block; clear:both;}
.boardTextGallery > ul > li:first-child { border-top:none;}
.boardTextGallery > ul > li:hover { background:#f9f9f9;}
.boardTextGallery a { text-decoration:none;}
.boardTextGallery > ul > li > a { overflow:hidden; display:block; padding:20px }
.boardTextGallery .tgImg { overflow:hidden; float:left; max-width:220px; min-height:146px; margin-right:20px; }
.boardTextGallery .tgImg img { width:100%; height:inherit;}
.boardTextGallery .tgCont { box-sizing:border-box; }
.boardTextGallery .tgCont .bTitle { margin-bottom:5px; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery .tgCont .sTitle { font-weight:bold;  color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery .tgCont span { display:inline-block; padding-left:10px; margin-right:10px; font-size:12px; background:url(/resource/img/common/board/d_line.gif) no-repeat 0 4px; }
.boardTextGallery .tgCont span.bName { padding:0; font-weight:bold; background:none}
.boardTextGallery .tgCont .tgTxt { margin:10px 0 5px; }

.boardTextGallery2 { margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardTextGallery2 > div { padding:20px; border-top:1px dashed #bdbdbd}
.boardTextGallery2 > div:first-child { border-top:none;}
.boardTextGallery2 p { overflow:hidden; margin-bottom:10px; font-size:16px; line-height:28px; font-weight:bold; color:#000; }
.boardTextGallery2 p a { float:right; margin-left:10px; } 
.boardTextGallery2 .gListBlock { overflow:hidden;}
.boardTextGallery2 .gListBlock:after { content:""; display:block; clear:both;}
.boardTextGallery2 .gListBlock:first-child { border-top:none;}
.boardTextGallery2 .gListBlock .tgImg { overflow:hidden; float:left; max-width:160px; }
.boardTextGallery2 .gListBlock .tgImg img { width:100%; height:inherit;}
.boardTextGallery2 .gListBlock .tgCont { margin-left:180px; box-sizing:border-box }
.boardTextGallery2 .gListBlock .tgCont li { overflow:hidden; padding-bottom:5px; _line-height:23px;}
.boardTextGallery2 .gListBlock .tgCont li a { display:block; float:left; width:65%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery2 .gListBlock .tgCont li a:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardTextGallery2 .gListBlock .tgCont li span { float:right; font-size:12px; color:#777}
.boardTextGallery2 .gListBlock .tgCont li span i { padding-right:12px; margin-right:10px; background:url(/resource/img/common/board/d_line.gif) no-repeat right 3px;}

.boardTextGallery3 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardTextGallery3 li { min-height:180px; padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.boardTextGallery3 li:first-child { border-top:none;}
.boardTextGallery3 li:hover { background:#f9f9f9;}
.boardTextGallery3 .egImg { float:left; width:160px;}
.boardTextGallery3 .egImg img { max-width:100%; border:1px solid #ddd}
.boardTextGallery3 .egCont { margin-left:180px;}
.boardTextGallery3 .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardTextGallery3 .egCont dl { overflow:hidden;}
.boardTextGallery3 .egCont dt { float:left; padding: 3px 15px 3px 0; width:20%;  font-weight:bold; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 8px; font-weight:bold; color:#000; box-sizing:border-box;}
.boardTextGallery3 .egCont dd { padding:3px 0 3px 22%; box-sizing:border-box;}
.boardTextGallery3 .egCont dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardTextGallery3 .egCont dd:after { content:""; display:block; clear:both;}

.boardTextGallery4 { width:100%; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardTextGallery4 li { min-height:180px; padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.boardTextGallery4 li:first-child { border-top:none;}
.boardTextGallery4 li:hover { /**background:#f9f9f9;**/ }
.boardTextGallery4 .egImg { float:left; width:160px; margin-top:5px;}
.boardTextGallery4 .egImg img { max-width:100%; border:1px solid #ddd}
.boardTextGallery4 .egCont { }
.boardTextGallery4 .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:bold; color:#FFBB00; }
.boardTextGallery4 .egCont dl { overflow:hidden;}
.boardTextGallery4 .egCont dt { float:left; padding: 3px 15px 3px 0; width:20%;  font-weight:bold; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 8px; font-weight:bold; color:#000; box-sizing:border-box;}
.boardTextGallery4 .egCont dd { padding:3px 0 3px 40px; box-sizing:border-box;}
.boardTextGallery4 .egCont dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardTextGallery4 .egCont dd:after { content:""; display:block; clear:both;}

/* Gallery 전시(Display) */
.boardExhGallery { width:100%; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.boardExhGallery li { min-height:242px; padding:20px; border-top:1px solid #bdbdbd; overflow: hidden;}
.boardExhGallery li:first-child { border-top:none;}
.boardExhGallery li:hover { background:#f9f9f9;}
.boardExhGallery .egImg { float:left; width:160px;}
.boardExhGallery .egImg img { max-width:100%; border:1px solid #ddd}
.boardExhGallery .egCont { margin-left:180px;}
.boardExhGallery .egCont p.title { margin:5px 0 10px; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.boardExhGallery .egCont dl.cont { overflow:hidden;}
.boardExhGallery .egCont p.title + dl.cont,
.boardExhGallery .egCont dl.cont:first-child { padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd;}
.boardExhGallery .egCont dl.cont > dt { font-weight:bold; color:#000;}
.boardExhGallery .egCont dl.cont > dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.boardExhGallery .egCont p.title + dl.cont > dt { float:left; padding-right:15px; margin-right:15px; background:url(/resource/img/common/board/d_line.gif) no-repeat right 7px;  }
.boardExhGallery .egCont dl.cont > dt, 
.boardExhGallery .egCont dl.cont > dd { padding:3px 0;}
.boardExhGallery .egCont dl.cont + dl.cont > dd {padding:0 9px;}

.exhContWrap { overflow:hidden;}
.exhContWrap > span { display:block; float:left; width:30%; text-align:center;}
.exhContWrap > span img { max-width:100%;}
.exhContWrap .exhCont { overflow:hidden; margin-left:30%; padding-left:20px; }
.exhContWrap .exhCont > dt { float:left; padding: 7px 15px 3px 15px; width:20%; font-weight:bold; color:#000; background:url(/resource/img/common/board/d_line.gif) no-repeat right 13px; border-top:1px solid #ddd; box-sizing:border-box; } 
.exhContWrap .exhCont > dd { padding:7px 0 7px 22%; border-top:1px solid #ddd; box-sizing:border-box; }
.exhContWrap .exhCont > dt:first-child,
.exhContWrap .exhCont > dt:first-child + dd { border-top:2px solid #d0d0d0;}
.exhContWrap .exhCont > dt:before { content:""; display:inline-block; width:5px; height:2px; margin:0 3px 4px 0; background:#777;}
.exhContWrap .exhCont > dd:after { content:""; display:block; clear:both;}


/* boardBlogList */
.boardBlogList { width:100%; border-top:3px solid #61646c;}
.boardBlogList tr { border-bottom:1px solid #cccfd5; }
.boardBlogList td { padding:20px; text-align:right;}
.boardBlogList td:first-child { text-align:left}
.boardBlogList td span { display:inline-block; padding:0 10px; font-size:0.9em; color:#666; text-align:right; }
.boardBlogList td span:first-child { font-weight:bold; color:#555;}

.boardBlogList2 { width:100%;}
.boardBlogList2 > ul > li:after { content:""; display:block; clear:both;}
.boardBlogList2 > ul > li > a { display:block;}
.boardBlogList2 > ul > li { margin:15px 0; border-top:3px solid #61646c; border-bottom:2px solid #61646c;  border-left:1px solid #cccfd5;  border-right:1px solid #cccfd5; }
.boardBlogList2 > ul > li > a >div:first-child { padding:15px; font-size:16px; font-weight:bold; text-align:center; color:#333; background:#f6f6f7; border-bottom:1px solid #cccfd5;}
.boardBlogList2 > ul > li > a > div { padding:15px; }
.boardBlogList2 > ul > li > a > div > p img { max-width:100%;}
.boardBlogList2 > ul > li > a > div + div > p { margin:15px 0; }

a.linkBtn { float:right; display:inline-block; margin:0 20px 20px 0 !important}

/* FAQ */
.boardFaq { width:100%; margin-top:10px;}
.boardFaq dl { border:1px solid #acb2bf; margin-bottom:5px;}
.boardFaq dt { position:relative; }
.boardFaq dt:before { content:"Q"; display:block; position:absolute; top:50%; left:0; width:40px; height:40px; margin-top:-20px; line-height:40px; text-align:center; box-sizing:border-box; background:#4a4f5a; color:#fff;
font-size:16px; font-family: 'Montserrat', 'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Arial', 'sans-serif'; z-index:1}
.boardFaq dt a { display:block; padding:9px 40px 8px 60px; background:url(/resource/img/common/board/arrow_open.png) no-repeat 98% 50%}
.boardFaq dt a:hover { background-color:#f1f3f6}
.boardFaq dd {display:none;position:relative; border-top:1px solid #acb2bf}
.boardFaq .answer { position:relative; padding:20px 20px 20px 60px;}
.boardFaq .answer:before { content:"A"; display:block; position:absolute; top:15px; left:10px; width:36px; height:36px; border-radius:50%; box-sizing:border-box; background:#dd4e4e; color:#fff;
font-size:16px; line-height:36px; text-align:center; font-family: 'Montserrat', 'Nanum Gothic', '나눔고딕','Dotum', '돋움', 'Arial', 'sans-serif'; z-index:1}
.boardFaq .mr10 { overflow: hidden; margin: 10px 10px;}
.boardFaq .addfile { overflow:hidden; width:100%; padding:10px 20px; border-top:1px dashed #cfcfcf; box-sizing:border-box}
.boardFaq .addfile:after { content:""; display:block; clear:both;}
.boardFaq .addfile li { float:left; width:100%; padding:5px 0; _border-bottom:1px solid #cccfd5;}
.boardFaq .addfile li span { float:left; margin-right:15px; padding:0 15px;}
.boardFaq .addfile li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5}
.boardFaq .addfile input[type="text"] { width:70%;}

.boardFaq2 { width:100%; margin-top:10px;}
.boardFaq2 dl { border:1px solid #b1bfdf; margin-bottom:5px;}
.boardFaq2 dt { position:relative; }
.boardFaq2 dt:before { content:""; display:block; position:absolute; top:50%; left:0; width:40px; height:40px; margin-top:-20px; line-height:40px; text-align:center; box-sizing:border-box; background:url(/resource/img/common/board/icon_faq2.png) no-repeat center 0 #5b79b9;
z-index:1}
.boardFaq2 dt a { display:block; padding:9px 40px 8px 60px; background:url(/resource/img/busan/common/icon_left_open.png) no-repeat 98% 50%}
.boardFaq2 dt a:hover { background-color:#f0f3f8}
.boardFaq2 dd {display:none; position:relative; border-top:1px solid #b1bfdf}
.boardFaq2 .answer { overflow:hidden; position:relative; padding:20px 20px 20px 60px;}
.boardFaq2 .answer:before { content:""; display:block; position:absolute; top:15px; left:10px; width:36px; height:36px; box-sizing:border-box; text-align:center; background:url(/resource/img/common/board/icon_faq2.png) no-repeat center bottom; z-index:1}
/*
.boardFaq2 .addfile { overflow:hidden; width:100%; padding:10px 20px; border-top:1px dashed #cfcfcf; box-sizing:border-box}
.boardFaq2 .addfile:after { content:""; display:block; clear:both;}
.boardFaq2 .addfile li { float:left; width:100%; padding:5px 0; _border-bottom:1px solid #cccfd5;}
.boardFaq2 .addfile li span { float:left; margin-right:15px; padding:0 15px;}
.boardFaq2 .addfile li span:first-child { min-width:50px; font-weight:bold; border-right:1px solid #cccfd5}
*/
.boardFaq2 .answer .btnArea { margin-bottom:0;}

/* Banner */
.bannerList { width:100%; overflow:hidden; margin-top:10px;}
.bannerList .bannerBlock { float:left; width:49%; margin:0 0 10px 1%; background:#f6f6f6; border:1px solid #ddd;}
.bannerList .bannerBlock:nth-child(odd) { margin-left:0;}
.bannerList .bannerBlock .title { padding:10px; font-weight:bold; border-bottom:1px solid #ddd; background:#fff;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.bannerList .bannerBlock .cont { overflow:hidden; display:block; padding:5px;}
.bannerList .bannerBlock .cont > a { display:block;}
.bannerList .bannerBlock .cont .img { display:block; float:left; width:50%; margin-right:10px; }
.bannerList .bannerBlock .cont .img img { max-width:100%; border:1px solid #cfcfcf}
.bannerList .bannerBlock .cont ul { padding-top:10px;}
.bannerList .bannerBlock .cont .btnSet {float:right; }

/* banner Gallery */
.bannerGallery, .bannerGallery * { box-sizing:border-box;}
.bannerGallery {  width:100%; overflow:hidden; padding:30px 0; margin-top:10px; border-top:3px solid #61646c; border-bottom:1px solid #93969c;}
.bannerGallery > div { float:left; width:48%; margin:1%; }
.bannerGallery .gImg { position: relative; overflow:hidden; width:100%; height:0px; padding-bottom:30%;}
.bannerGallery .gImg img { position: absolute; top:0; left:0; width:100%; height:auto; border:1px solid #ddd; }
.bannerGallery .gCont { overflow:hidden; margin-bottom:4px;}
.bannerGallery .gCont .bTitle { margin-top:8px; font-size:14px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bannerGallery .gCont .bDate { padding-left:15px;font-size:12px;}




@media all and (max-width:1280px) {
/* Gallery */
.boardGallery > div { width:31%; }
}

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

}



@media all and (max-width:768px) {
	
/* Board : View */
.boardView .infoArea li {  width:100%;}

/* Gallery */
.boardGallery > div { width:48%; }
.boardTextGallery2 .gListBlock .tgCont li a { width:50%; }
.boardTextGallery2 p a { margin-left:0px; }

.exhContWrap span { float:none; width:50%; margin:0 auto;}
.exhContWrap .exhCont { margin:20px 0 0 0; padding-left:0;}

/* Board : Write */
.boardWrite col:first-child { width:80px; }
.boardWrite th { font-size:0.9em;}
.boardWrite input[type="text"], 
.boardWrite input[type="email"],
.boardWrite input[type="tel"],
.boardWrite .setBlock input[type="text"],
.boardWrite .setBlock input[type="email"],
.boardWrite .setBlock input[type="tel"],
.boardWrite select { width:100%;  margin-bottom:3px;}
.boardWrite .setBlock { white-space:normal; width:100%; }

/* FAQ */
.boardFaq .addfile input[type="text"] { width:40%;}

/* banner Gallery */

}


@media all and (max-width:640px) {
.boardTop .boardInfo { float:none; padding-top:0;}
.boardTop .boardSearch { float:none; margin:10px 0;}

/* Board : View */
.boardView .infoArea2 { overflow:hidden; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li { /* float:left; width:50%; */ padding:10px 0; border-bottom:1px solid #cccfd5;}
.boardView .infoArea2 li span { display:block; /* float:left; */ margin-right:15px; padding:0 15px;}
.boardView .infoArea2 li span:first-child { min-width:100%; padding-bottom:5px; /* font-weight:bold; */ border-right:none}

/* Banner */
.bannerList .bannerBlock { float:none; width:100%; margin:0 0 10px 0;}

/* Gallery */
.boardGallery > div { width:100%; margin:1% 0; }

.boardTextGallery li a { overflow:hidden; display:block; padding:20px; }
.boardTextGallery .tgImg { float:none; max-width:100%; height:auto; margin-left:0px; }
.boardTextGallery .tgCont { float:none; width:100%; padding-left:0px; margin:20px 0 0 0;}

.boardTextGallery2 .gListBlock .tgImg { overflow:hidden; float:none; max-width:100%; }
.boardTextGallery2 .gListBlock .tgImg img { width:100%; height:inherit;}
.boardTextGallery2 .gListBlock .tgCont { margin:20px 0 0 0; }
.boardTextGallery2 .gListBlock .tgCont li a { width:100%; }
.boardTextGallery2 .gListBlock .tgCont li span { float:none; padding-left:8px;}

.boardTextGallery3 .egImg { float:none; }
.boardTextGallery3 .egCont { margin:10px 0 0 0;}
.boardTextGallery3 .egCont dt { float:none; width:100%; background:none; }
.boardTextGallery3 .egCont dd { padding:3px 0 3px 10px; }

/* Gallery 전시 */
.boardExhGallery .egImg { float:none; width:100%;}
.boardExhGallery .egImg img { max-width:100%; }
.boardExhGallery .egCont { margin:15px 0 0 0;}

.exhContWrap span { width:100%; }
.exhContWrap .exhCont dt { width:100%; float:none; background:none; border-top:none}
.exhContWrap .exhCont dd { margin-left:0; padding-left:10px; border-bottom:2px solid #d0d0d0;}
.exhContWrap .exhCont dt:first-child + dd { border-top:1px solid #d0d0d0;}

/* FAQ */
.boardFaq .addfile input[type="text"], .boardFaq .addfile input[type="file"] { width:100%; margin-top:5px;}
.boardFaq .addfile input[type="button"] { margin:3px 0 0 0}

.bannerGallery > div { width:98%; }

}

.boardWrite.type-app			{ padding:0; border-spacing:0px; border-collapse:collapse; }
.boardWrite.type-app td span	{ display: block; }
.boardWrite.type-app td input	{ box-sizing: border-box; }
.boardWrite.type-app td label.hidden	{ display: block; position: absolute; width: 0px; height: 1px; left: -999px; }
.boardWrite.type-app .addr td div	{ position: relative; width: 80%; overflow: hidden; box-sizing: border-box; padding-right: 90px; }
.boardWrite.type-app .addr td div .button { position: absolute; right: 0; top: 0; }
.boardWrite.type-app .addr td div input[type='text'] { width: 100%; }

.boardWrite.type-app .date td div { display: inline-block; overflow: hidden; padding-right: 10px; vertical-align: middle; }
.boardWrite.type-app .date td div select	{ width: auto; }

.boardWrite.type-app td hr		{ padding: 0; border: 0; height: 1px; background: #d1d1d1; margin: 15px 0;}

.boardWrite.type-app .group fieldset		{ position: relative; padding: 10px 0 10px 115px; border-top: 1px solid #d1d1d1; }
.boardWrite.type-app .group fieldset legend	{ display: block !important; position: absolute; top: 10px; left: 0; font-size: 12px; width: 100px; height: auto; line-height: 30px; margin-right: 10px; visibility: visible; float: left; vertical-align: middle; }
.boardWrite.type-app .group td > fieldset:first-child	{ padding-top: 0; border-top: none; }

@media all and (max-width:768px) {
	.boardWrite.type-app col:first-child { width: 130px; }
	.boardWrite.type-app .addr td div { width: 100%; }
}
@media all and (max-width:560px) {
	.boardWrite.type-app .date td div { display: block; padding-right: 0px; padding-top: 10px; }
	.boardWrite.type-app .date td div:first-child { padding-top: 0; }
}
@media all and (max-width:460px) {
	.boardWrite.type-app tr,
	.boardWrite.type-app th,
	.boardWrite.type-app td	{ display: block; border-bottom: 0; overflow: hidden; text-align: left; height: auto; }
	.boardWrite.type-app td	{ border-top: none; }
	
	.boardWrite.type-app .date td div { display: inline-block; padding-right: 10px; padding-top: 0; }
}

.bs-box.type-app	{ border: 1px solid #ccc; border-top-width: 0px; padding: 40px 15px 0; }
.bs-box.type-app h3	{ margin: 20px 0; font-size: 15px; }
.bs-box.type-app fieldset { display: block; position: relative; width: 50%; box-sizing: border-box; padding-left: 90px; margin: 2px 0; }
.bs-box.type-app fieldset label	{ display: block; position: absolute; top: 0; left: 0; width: 80px; line-height: 35px; }
.bs-box.type-app fieldset input[type="text"]	{ box-sizing: border-box; width: 100%; }
.bs-box.type-app fieldset.addr	{ padding-right: 90px; }
.bs-box.type-app fieldset.addr .button { position: absolute; right: 0; top: 0; }
.bs-box.type-app em		{ display: block; font-size: 20px; margin: 40px 0 20px 0; font-style: normal; text-align: center; }
.bs-box.type-app hr		{ padding: 0; margin: 20px 0; height: 1px; border: none; background: #ddd; }

@media all and (max-width:680px) {
	.bs-box.type-app fieldset { width: 100%; }
}
@media all and (max-width:460px) {
	.bs-box.type-app fieldset		{ padding-left: 0; } 
	.bs-box.type-app fieldset label	{ position: relative;border-top-width: 1px; }
	.bs-box.type-app fieldset input[type="text"]	{ box-sizing: border-box; width: 100%; }
	.bs-box.type-app fieldset.addr .button { top: auto; bottom: 0px; }
	
	.bs-box.type-app	{ border-top-width: 1px; }
}





/**********************************************************************
	Board CSS Style : Write / View
***********************************************************************/

/** Common */
.bs-board			{ position: relative; margin: 0 auto; overflow: hidden; }
.bs-board h4		{ font-size: 1.2em; margin-bottom: 20px; }

.bs-form-box			{ position: relative; margin: 0 auto; overflow: hidden; margin-bottom: 10px; border-top: 3px solid #61646c; }
.bs-form-box dl			{ display: block; position: static; height: 100%; border-bottom-style: solid; border-bottom-width: 0px;}
.bs-form-box dt			{ padding: 10px 20px; box-sizing: border-box; }
.bs-form-box dd			{ padding: 10px; box-sizing: border-box; min-height: 40px; }

.bs-form-box dt			{ position: absolute; top: 0; bottom: 0; width: 150px; color: #000; }
.bs-form-box dd			{ margin-left: 150px; overflow: hidden; }

.bs-form-box dd input,
.bs-form-box dd textarea,
.bs-form-box dd select	{ max-width: 100%; box-sizing: border-box; }
.bs-form-box dd input[type="text"],
.bs-form-box dd input[type="number"],
.bs-form-box dd input[type="email"],
.bs-form-box dd input[type="password"],
.bs-form-box dd select,
.bs-form-box dd textarea	{ width: 100%; }
.bs-form-box dd label	{ cursor: pointer; }
.bs-form-box dd div		{ display: block; float: left; margin-right:1.5em; }
.bs-form-box dd legend	{ display: block; position: absolute; top: -5px; left: -5px; width: 1px; height: 1px; overflow: hidden; }

.bs-form-box fieldset	{ display: inline; position: static; }
.bs-form-box .form-group		{ position: relative; clear: both; border-bottom-style: solid; border-bottom-width: 1px; }
.bs-form-box .form-group:after	{ content: ""; display: block; position: relative; clear: both; }

/** Type Layout */
.bs-form-box dl							{ width: 50%; float: left; }
.bs-form-box dl.form-data-subject,
.bs-form-box dl.form-type-B,
.bs-form-box dl.form-str-addss				{ width: 100%; clear: both; }

.bs-form-box dl.form-str-integer input		{ text-align: right; }

.bs-form-box dl.form-str-addss dd			{ padding-right: 100px; }
.bs-form-box dl.form-str-addss dd button	{ position: absolute; right: 10px; top: 10px; height: 38px; }

.bs-form-box dl.form-data-content textarea	{ height: 400px; }


@media all and (max-width: 760px) { 
	.bs-form-box dl			{ position: relative; width: 100%; float: none; clear: both; border-bottom-width: 1px; }
	.bs-form-box dt			{  }
	.bs-form-box .form-group	{ border-bottom-width: 0px; }
}
@media all and (max-width: 500px) { 
	.bs-form-box dt			{ position: relative; clear: both; width: 100%; font-weight: bold; }
	.bs-form-box dd			{ margin: 0; position: relative; }
}


/** Write Style */
.bs-write dl				{ border-bottom-color: #cccfd5; }
.bs-write dt				{ background: #f6f6f7; }
.bs-write .form-group		{ border-bottom-color: #cccfd5; }

.bs-write dd span		{ display: block; position: relative; clear: both; font-size: 90%; color: #666; }
.bs-write dd span.point	{ color: #A00B0B; }
.bs-write dd span + *	{ margin-top: 10px; }
.bs-write dd * + span	{ margin-top: 10px; }

/** Viewer Style */
.bs-view .form-group		{ border-bottom-color: #cccfd5; }
.bs-view dl					{ border-bottom-color: #cccfd5; }
.bs-view dt:after			{ content: ""; display: block; position: absolute; right: 0; top: 10px; bottom: 10px; width: 1px; border-right: 1px solid #cccfd5; }
.bs-view dt					{ color: #333333; font-weight: bold; }
.bs-view dd					{ color: #555; min-height: 40px; }
@media all and (max-width: 500px) { 
	.bs-view dt					{ padding-bottom: 0; padding-left: 10px; }
	.bs-view dt:after			{ display: none; }
	.bs-view dd					{ padding-left: 20px; }
}

.bs-view dt			{  }
.bs-view dl.form-data-subject,
.bs-view dl.form-data-content			{ border-bottom-width: 1px; border-bottom-color: #61646c; }
.bs-view dl.form-data-subject dt,
.bs-view dl.form-data-content dt		{ position: absolute !important; width: 1px; height: 1px; left: -999px; }
.bs-view dl.form-data-subject dd,
.bs-view dl.form-data-content dd		{ margin: 0; }
.bs-view dl.form-data-content dd		{ padding: 40px 10px; }
.bs-view dl.form-data-subject			{ background: #f6f6f7; padding-bottom: 10px; }
.bs-view dl.form-data-subject h5		{ font-size: 110%; clear: both; margin: 10px 0; }
.bs-view dl.form-data-subject p			{ float: left; margin-right: 15px; color: #666666; }
.bs-view dl.form-data-subject p.date-text strong	{ display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; top: -999px; left: -999px; }
.bs-view dl.form-data-subject p.hit-text strong	{ display: block; float: left; width: 21px; height: 21px; margin-right: 8px; overflow: hidden; text-indent: -999px; background: url('/resource/img/common/board/icon_view.png') no-repeat 50% 50%;  }


/** Banner List */

.ui-banner-list				{ position: relative; }
.ui-banner-list:after		{ content: ""; display: block; clear: both; }

.ui-banner-list li			{ display: block; position: relative; width: 50%; margin: 10px 0; float: left; }
.ui-banner-list li:hover	{ background: #fafafa; }
.ui-banner-list li:before	{ content: ""; display: inline-block; height: 100%; width: 0px; vertical-align: middle; }
.ui-banner-list li img		{ position: absolute; top: 0; left: 0; }

.ui-banner-list li div			{ display: inline-block; position: relative; vertical-align: middle; line-height: 30px; width: 98%; box-sizing: border-box; }
.ui-banner-list li img + div	{ padding-left: 150px; min-height: 90px; }

.ui-banner-list li a		{ display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.ui-banner-list li p		{ display: inline-block; text-align: right; vertical-align: middle; padding-left: 15px; }
.ui-banner-list li button	{ display: inline-block; position: relative; width: 20px; height: 20px; overflow: hidden; text-indent: -999px; line-height: 20px; font-size: 12px; color: #555; }
.ui-banner-list li button:before	{ content:""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: 0; text-align: center; font-family: 'icon'; background: #333; color: #fff; border-radius: 9.0em; }
.ui-banner-list li button.ico-modify:before		{ content: "\e906"; }
.ui-banner-list li button.ico-delete:before		{ content: "\e9ac"; }

@media all and (max-width: 640px) {
	.ui-banner-list li			{ width: 100%; float: none; clear: both; }
}


.bs-list-reply a:before		{ content: "Re"; display: inline-block; margin-right: 10px; color: #fff; background: #5b79b9; border-radius: 3px; overflow: hidden; padding: 3px 9px; font-size: 8pt; }


/*규제개혁 아이디어 공모 추가*/
.form-data-FLD_00000001010	{ width:100% !important; }

/*Lock YN*/
.lockY		{ padding-left: 15px; overflow: hidden; width: 15px; height: 15px; text-indent: -999px; background: url('/resource/img/common/board/icon_lockY.png') no-repeat; }
.lockN		{ padding-left: 15px; overflow: hidden; width: 15px; height: 15px; text-indent: -999px; background: url('/resource/img/common/board/icon_lockN.png') no-repeat; }



/* .borad_textplus{} */
.borad_tbold{font-size:13px; margin:0 0 20px 0;}
.borad_tbold span{color:#ff0808; font-weight:bold; font-size:20px; vertical-align:middle;}

/* 부산시보  시민참여 이벤트 이벤트 내용 줄 떨어지게 */
.tableWriteForm tbody td > p {
    word-break: keep-all;
    word-wrap: break-word;
}
.tableWriteForm tbody td > p >span{
	font-size:100% !important;
}