@charset "utf-8";
/* CSS Document */

/*board list*/
.bo_fx{ overflow:hidden}
.bo_fx #bo_list_total{ float:left; padding:10px 0}
.btn_bo_user{ float:right}
.board_wrap{}
.board_wrap span.num{ width:40px; text-align:left; margin-right:5px;}
.board_wrap span.subject{ width:84%;}
.board_wrap span.subject a{ color:#666}
.board_wrap span.writer{ padding-left:0 !important  }
.board_wrap span.date{ }
.board_wrap span.hit{}
.board_wrap span.file{ }
.board_wrap span.under{ color:#999; text-align:left; font-size:12px; margin-bottom:0px; padding:0 8px; border-right:#ddd solid 1px}
.board_wrap span.under:last-child{ border-right:0}

.list_head { display:none; clear:both;}
.list_head span{ display:inline-block; text-align:center; font-size:14px; font-weight:bold; margin-bottom:10px }

.list_body {}
.list_body ul li{ font-size:0; border-bottom:#ddd solid 1px; padding:14px 0}
.list_body ul li > span{  display:inline-block; font-size:14px; vertical-align:middle; margin-bottom:10px; }
.list_body ul li span em.notice { display:inline-block; background-color:#5bc0de;color:#fff;text-align:center; padding:3px 6px 5px; font-size:11px; font-style:normal; border-radius:3px; }
.list_body ul li span.subject{ text-align:left; line-height:130%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
@media screen and (min-width:640px){
.board_wrap .subject{ width:90%;}
}
@media screen and (min-width:768px){
.board_wrap span.num{ display:inline-block;  width:8%;  text-align:center; margin-right:0;}
.board_wrap span.subject{ width:55%;}
.board_wrap span.writer{ width:13%;}
.board_wrap span.date{ width:12%;  margin-left:0%}
.board_wrap span.hit{ width:6%;}
.board_wrap span.file{ width:6%;}
.board_wrap span.under{color:#333; text-align:center; font-size:14px; border:0; padding:0}

.list_head{ display:block; background:#f9f9f9; padding:12px 0; font-size:0;  border-top:#393939 solid 2px; border-bottom:#393939 solid 1px;  height:45px }
.list_head span{ display:inline-block; text-align:center; font-size:15px; font-weight:bold; margin-bottom:0px}
.list_body {}
.list_body ul li{ font-size:0; border-bottom:#ddd solid 1px; padding:14px 0}
.list_body ul li > span{ font-size:14px; vertical-align:middle; margin:0;}
.list_body ul li span.subject{ width:55%; text-align:left; line-height:130%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
}

/*리스트 페이징*/
.pagination{ clear:both; text-align:center; padding:25px 0}
.pagination ul li{ display:inline-block; vertical-align:top; margin:3px}
.pagination ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:32px; font-size:12px; font-weight:400}
.pagination ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}
.pagination ul li a.first{ background:url(../img/sub/arrow_first.jpg) center no-repeat}
.pagination ul li a.prev{ background:url(../img/sub/arrow_prev.jpg) center no-repeat}
.pagination ul li a.next{ background:url(../img/sub/arrow_next.jpg) center no-repeat}
.pagination ul li a.last{ background:url(../img/sub/arrow_last.jpg) center no-repeat}


/*board view*/
.view_head{ position:relative;  border-top:0; padding:10px 0 20px 0;}
.view_head h6{ font-size:18px; line-height:110%; color:#3b3b3b; font-weight:300}
.view_head .step_box{ display:block; position:absolute; right:15px; top:25px; width:58px; border-left:#bebebe solid 1px; padding-left:24px; font-size:12px; text-align:center; padding-top:70px; color:#898989}
.view_head .step01{ background:url(img/board/step01.jpg) right top no-repeat}
.view_head .text_info{ margin-top:10px;}
.view_head .text_info span{ display:inline-block; margin-right:10px; color:#393939; font-size:14px; line-height:120%; margin-bottom:5px; }
.view_head .text_info span.name{ }

.view_body .con_block{ border-top:#bebebe solid 1px; padding:18px 0; color:#3b3b3b; line-height:130%;}
.view_body .con_block span.title{ display:block; font-size:14px; font-weight:bold; color:#181818; padding-right:15px; border-right:0; }
.view_body .con_block span.exp{ display:block; font-size:14px; color:#393939;padding:10px 0 0 0;}

.view_body .add_file{border-top:#bebebe solid 1px;  padding:18px 15px}
.view_body .add_file span{ float:none; display:block; font-size:14px; font-weight:bold; color:#181818; padding-right:15px; margin-bottom:15px;text-align:left}
.view_body .add_file ul{ display:block}
.view_body .add_file ul li{ font-size:12px; background:url(img/file.png) left 3px no-repeat; padding-left:20px; line-height:18px;}
.view_body .add_file ul li a{color:#838383}

.view_body .reply_depart{ border:#bebebe solid 1px; margin-top:40px;}
.view_body .reply_depart .r_subject{ display:block; padding:20px 15px 20px 60px; background:url(../img/sub/speech.jpg) 15px center no-repeat;border-bottom:#bebebe solid 1px; text-align:left}
.view_body .reply_depart .r_subject em{ color:#396be8; margin-right:10px; font-style:normal}
.view_body .reply_depart .content{ padding:18px;}
.view_body .reply_depart .content .name_date{ padding:5px 0; margin-top:10px;}
.view_body .reply_depart .content .name_date span{ padding-right:10px; font-size:14px;}
.view_body .reply_depart .content .name_date span.r_name{ border-right:#ededed solid 1px;}
.view_body .reply_depart .content .name_date span.r_date{ padding-left:10px;}
.view_body .reply_depart .content div.text{ background:#f9f9f9; padding:20px; font-size:14px; line-height:130%}
.view_body .reply_depart .content div .add_file{border-top:#bebebe solid 1px;  padding:12px 0; margin-top:15px}

@media screen and (min-width:768px){
.view_head{ padding:20px 15px;}
.view_head h6{ font-size:23px; line-height:130%; color:#3b3b3b}
.view_head .text_info span{ display:inline-block; margin-right:10px; color:#838383}
.view_head .text_info span.name{ border-left:#bebebe solid 1px; border-right:#bebebe solid 1px; padding:0 12px;}
.view_body .con_block{border-top:#bebebe solid 1px; border-bottom:#bebebe solid 1px; padding:20px 15px; min-height:300px}
.view_body .con_block span.title{ display:inline-block; border-right:#bebebe solid 1px; }
.view_body .con_block span.exp{  display:inline-block;  font-size:14px; color:#393939;padding:0 0 0 15px;}
.view_body .add_file span{ float:left; font-size:14px; font-weight:bold; color:#181818; padding-right:15px;}
.view_body .add_file ul{ display:inline-block}
.view_body .con_block .flow img{ width:auto}
}

.view_image img{ max-width:100%}

/*이전글 다음글*/
.next_list{ list-style:none; }
.next_list li{ margin-bottom:15px; border-top:#bebebe solid 1px; padding:15px 0 0 15px;}
.next_list li:last-child{ padding-bottom:15px;border-bottom:#5b5b5b solid 1px; }
.next_list span{ display:inline-block; vertical-align:top}
.next_list span.subject{ font-size:12px; text-align:left; width:70%; line-height:130%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.next_list span.title{ font-weight:normal; padding-right:15px; border-right:#bebebe solid 1px; margin-right:15px; line-height:1em}
.next_list span.date{ float:right; display:none;}
@media screen and (min-width:768px){
.next_list span.date{ float:right; display:block;}
}


/*갤러리 thumb*/
.gall_thumb { clear:both; overflow:hidden}
.gall_thumb li{ float:left; width:49%; margin-right:2%; min-height:auto; margin-bottom:30px;}
.gall_thumb li a{ display:block; }
.gall_thumb li div.bg_img{ background:#282828; font-size:0; height:150px; line-height:150px;  overflow:hidden }
.gall_thumb li div.bg_img img{ transition: all 0.3s ease-in-out; opacity:1; transform: scale(1.0,1.0);}
.gall_thumb li div.bg_img:hover img{ transition: all 0.3s ease-in-out; transform: scale(1.1,1.1);}
.gall_thumb li img{  width:100%; vertical-align:middle }
.gall_thumb li:nth-child(2n){ margin-right:0 }
.gall_thumb li p.gall_exp{ display:none; }
.gall_thumb li span{ display:block; text-align:left }
.gall_thumb li span.gall_subject{ width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:15px; font-size:14px; }
.gall_thumb li span.gall_date{ margin-top:8px; font-size:12px; font-weight:400 }
.gall_thumb li span.gall_writer{ margin-top:14px; font-size:14px; }
@media all and (min-width:768px) and (max-width:1023px) {
.gall_thumb li{ float:left; width:32%; margin-right:2%;  min-height:350px;  margin-bottom:0px; }
.gall_thumb li div.bg_img{ background:#282828; height:250px; line-height:250px; overflow:hidden }
.gall_thumb li:nth-child(2n){ margin-right:1.333% }
.gall_thumb li:nth-child(3n){ margin-right:0}
.gall_thumb li:nth-child(4n){ margin-right:2%;}
}
@media all and (min-width:1024px){	
.gall_thumb li{ float:left; width:24%; margin-right:1.333%;  margin-bottom:25px; min-height:200px;}
.gall_thumb li div.bg_img{ font-size:0; background:#282828; height:250px; line-height:250px; overflow:hidden}
.gall_thumb li:nth-child(2n){ margin-right:1.333% }
.gall_thumb li:nth-child(3n){ margin-right:1.333% }
.gall_thumb li:nth-child(4n){ margin-right:0 }
.gall_thumb li span.gall_subject{ margin-top:24px; font-size:16px;}
}


.board_search{ float:none; text-align:center; border-bottom:#ddd solid 1px; font-size:0; padding:15px; background:#f0f0f0; overflow:hidden}
.board_search select{ display:inline-block; margin:1px; width:30%;}
.board_search input[type="text"]{ display:inline-block; margin:1px;  width:40%;}
.board_search input[type="submit"]{ display:inline-block; margin:1px;  width:20%; height:34px; line-height:10px; vertical-align:middle;}
@media screen and (min-width:640px){
.board_search select{ display:inline-block; margin:1px; width:100px;}
.board_search input[type="text"]{ display:inline-block; margin:1px;  width:150px;}
.board_search input[type="submit"]{ display:inline-block; margin:1px;  width:50px;  vertical-align:middle;}
}

#board_form{}
#board_form legend{ width:100%; border-bottom:#ddd solid 1px; font-weight:bold}
#board_form .row{ padding:10px 0; border-bottom:#ddd solid 1px; overflow:hidden}
#board_form .title{ line-height:34px; padding-left:10px; font-size:14px; }
#board_form label{ line-height:34px; font-size:14px;}
#board_form input[type="checkbox"]{ margin-right:10px; margin-left:10px;}
#board_form input[type="file"]{ margin:5px 0;}

/*게시판용버튼*/
.btn_board{ background:#696969; color:#fff !important; padding:10px !important; }
.btn_board:hover,.btn_board.active{ background:#000 !important; color:#fff !important; }
.board_blue{ background:#3c7fe5; color:#fff !important;padding:13px 10px !important; }
.board_blue:hover,.board_blue.active{ background:#000 !important; color:#fff !important; }


/*반응형 column*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: relative;min-height: 1px;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left}
.col-xs-12 {width: 100%}
.col-xs-11 {width: 91.66666667%}
.col-xs-10 {width: 83.33333333%}
.col-xs-9 {width: 75%}
.col-xs-8 {width: 66.66666667%}
.col-xs-7 {width: 58.33333333%}
.col-xs-6 {width: 50%}
.col-xs-5 {width: 41.66666667%}
.col-xs-4 {width: 33.33333333%}
.col-xs-3 {width: 25%}
.col-xs-2 {width: 16.66666667%}
.col-xs-1 {width: 8.33333333%}
.col-xs-pull-12 {right: 100%}
.col-xs-pull-11 {right: 91.66666667%}
.col-xs-pull-10 {right: 83.33333333%}
.col-xs-pull-9 {right: 75%}
.col-xs-pull-8 {right: 66.66666667%}
.col-xs-pull-7 {right: 58.33333333%}
.col-xs-pull-6 {right: 50%}
.col-xs-pull-5 {right: 41.66666667%}
.col-xs-pull-4 {right: 33.33333333%}
.col-xs-pull-3 {right: 25%}
.col-xs-pull-2 {	right: 16.66666667%}
.col-xs-pull-1 {	right: 8.33333333%}
.col-xs-pull-0 {	right: auto}
.col-xs-push-12 {left: 100%}
.col-xs-push-11 {left: 91.66666667%}
.col-xs-push-10 {left: 83.33333333%}
.col-xs-push-9 {left: 75%}
.col-xs-push-8 {left: 66.66666667%}
.col-xs-push-7 {left: 58.33333333%}
.col-xs-push-6 {left: 50%}
.col-xs-push-5 {left: 41.66666667%}
.col-xs-push-4 {left: 33.33333333%}
.col-xs-push-3 {left: 25%}
.col-xs-push-2 {left: 16.66666667%}
.col-xs-push-1 {left: 8.33333333%}
.col-xs-push-0 {left: auto}
.col-xs-offset-12 {margin-left: 100%}
.col-xs-offset-11 {margin-left: 91.66666667%}
.col-xs-offset-10 {margin-left: 83.33333333%}
.col-xs-offset-9 {margin-left: 75%}
.col-xs-offset-8 {margin-left: 66.66666667%}
.col-xs-offset-7 {margin-left: 58.33333333%}
.col-xs-offset-6 {margin-left: 50%}
.col-xs-offset-5 {margin-left: 41.66666667%}
.col-xs-offset-4 {margin-left: 33.33333333%}
.col-xs-offset-3 {margin-left: 25%}
.col-xs-offset-2 {margin-left: 16.66666667%}
.col-xs-offset-1 {margin-left: 8.33333333%}
.col-xs-offset-0 {margin-left: 0}
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float: left}
.col-sm-12 {width: 100%}
.col-sm-11 {width: 91.66666667%}
.col-sm-10 {width: 83.33333333%}
.col-sm-9 {width: 75%}
.col-sm-8 {width: 66.66666667%}
.col-sm-7 {width: 58.33333333%}
.col-sm-6 {width: 50%}
.col-sm-5 {width: 41.66666667%}
.col-sm-4 {width: 33.33333333%}
.col-sm-3 {width: 25%}
.col-sm-2 {width: 16.66666667%}
.col-sm-1 {width: 8.33333333%}
.col-sm-pull-12 {right: 100%}
.col-sm-pull-11 {right: 91.66666667%}
.col-sm-pull-10 {right: 83.33333333%}
.col-sm-pull-9 {right: 75%}
.col-sm-pull-8 {right: 66.66666667%}
.col-sm-pull-7 {right: 58.33333333%}
.col-sm-pull-6 {right: 50%}
.col-sm-pull-5 {right: 41.66666667%}
.col-sm-pull-4 {right: 33.33333333%}
.col-sm-pull-3 {right: 25%}
.col-sm-pull-2 {right: 16.66666667%}
.col-sm-pull-1 {right: 8.33333333%}
.col-sm-pull-0 {right: auto}
.col-sm-push-12 {left: 100%}
.col-sm-push-11 {left: 91.66666667%}
.col-sm-push-10 {left: 83.33333333%}
.col-sm-push-9 {left: 75%}
.col-sm-push-8 {left: 66.66666667%}
.col-sm-push-7 {left: 58.33333333%}
.col-sm-push-6 {left: 50%}
.col-sm-push-5 {left: 41.66666667%}
.col-sm-push-4 {left: 33.33333333%}
.col-sm-push-3 {left: 25%}
.col-sm-push-2 {left: 16.66666667%}
.col-sm-push-1 {left: 8.33333333%}
.col-sm-push-0 {left: auto}
.col-sm-offset-12 {margin-left: 100%}
.col-sm-offset-11 {margin-left: 91.66666667%}
.col-sm-offset-10 {margin-left: 83.33333333%}
.col-sm-offset-9 {margin-left: 75%}
.col-sm-offset-8 {margin-left: 66.66666667%}
.col-sm-offset-7 {margin-left: 58.33333333%}
.col-sm-offset-6 {margin-left: 50%}
.col-sm-offset-5 {margin-left: 41.66666667%}
.col-sm-offset-4 {margin-left: 33.33333333%}
.col-sm-offset-3 {margin-left: 25%}
.col-sm-offset-2 {margin-left: 16.66666667%}
.col-sm-offset-1 {margin-left: 8.33333333%}
.col-sm-offset-0 {margin-left: 0}}
@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {float: left}
.col-md-12 {width: 100%}
.col-md-11 {width: 91.66666667%}
.col-md-10 {width: 83.33333333%}
.col-md-9 {width: 75%}
.col-md-8 {width: 66.66666667%}
.col-md-7 {width: 58.33333333%}
.col-md-6 {width: 50%}
.col-md-5 {width: 41.66666667%}
.col-md-4 {width: 33.33333333%}
.col-md-3 {width: 25%}
.col-md-2 {width: 16.66666667%}
.col-md-1 {width: 8.33333333%}
.col-md-pull-12 {right: 100%}
.col-md-pull-11 {right: 91.66666667%}
.col-md-pull-10 {right: 83.33333333%}
.col-md-pull-9 {right: 75%}
.col-md-pull-8 {right: 66.66666667%}
.col-md-pull-7 {right: 58.33333333%}
.col-md-pull-6 {right: 50%}
.col-md-pull-5 {right: 41.66666667%}
.col-md-pull-4 {right: 33.33333333%}
.col-md-pull-3 {right: 25%}
.col-md-pull-2 {right: 16.66666667%}
.col-md-pull-1 {right: 8.33333333%}
.col-md-pull-0 {right: auto}
.col-md-push-12 {left: 100%}
.col-md-push-11 {left: 91.66666667%}
.col-md-push-10 {left: 83.33333333%}
.col-md-push-9 {left: 75%}
.col-md-push-8 {left: 66.66666667%}
.col-md-push-7 {left: 58.33333333%}
.col-md-push-6 {left: 50%}
.col-md-push-5 {left: 41.66666667%}
.col-md-push-4 {left: 33.33333333%}
.col-md-push-3 {left: 25%}
.col-md-push-2 {left: 16.66666667%}
.col-md-push-1 {left: 8.33333333%}
.col-md-push-0 {left: auto}
.col-md-offset-12 {margin-left: 100%}
.col-md-offset-11 {margin-left: 91.66666667%}
.col-md-offset-10 {margin-left: 83.33333333%}
.col-md-offset-9 {margin-left: 75%}
.col-md-offset-8 {margin-left: 66.66666667%}
.col-md-offset-7 {margin-left: 58.33333333%}
.col-md-offset-6 {margin-left: 50%}
.col-md-offset-5 {margin-left: 41.66666667%}
.col-md-offset-4 {margin-left: 33.33333333%}
.col-md-offset-3 {margin-left: 25%}
.col-md-offset-2 {margin-left: 16.66666667%}
.col-md-offset-1 {margin-left: 8.33333333%}
.col-md-offset-0 {margin-left: 0}}
@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {float: left}
.col-lg-12 {width: 100%}
.col-lg-11 {width: 91.66666667%}
.col-lg-10 {width: 83.33333333%}
.col-lg-9 {width: 75%}
.col-lg-8 {width: 66.66666667%}
.col-lg-7 {width: 58.33333333%}
.col-lg-6 {width: 50%}
.col-lg-5 {width: 41.66666667%}
.col-lg-4 {width: 33.33333333%}
.col-lg-3 {width: 25%}
.col-lg-2 {width: 16.66666667%}
.col-lg-1 {width: 8.33333333%}
.col-lg-pull-12 {right: 100%}
.col-lg-pull-11 {right: 91.66666667%}
.col-lg-pull-10 {right: 83.33333333%}
.col-lg-pull-9 {right: 75%}
.col-lg-pull-8 {right: 66.66666667%}
.col-lg-pull-7 {right: 58.33333333%}
.col-lg-pull-6 {right: 50%}
.col-lg-pull-5 {right: 41.66666667%}
.col-lg-pull-4 {right: 33.33333333%}
.col-lg-pull-3 {right: 25%}
.col-lg-pull-2 {right: 16.66666667%}
.col-lg-pull-1 {right: 8.33333333%}
.col-lg-pull-0 {right: auto}
.col-lg-push-12 {left: 100%}
.col-lg-push-11 {left: 91.66666667%}
.col-lg-push-10 {left: 83.33333333%}
.col-lg-push-9 {left: 75%}
.col-lg-push-8 {left: 66.66666667%}
.col-lg-push-7 {left: 58.33333333%}
.col-lg-push-6 {left: 50%}
.col-lg-push-5 {left: 41.66666667%}
.col-lg-push-4 {left: 33.33333333%}
.col-lg-push-3 {left: 25%}
.col-lg-push-2 {left: 16.66666667%}
.col-lg-push-1 {left: 8.33333333%}
.col-lg-push-0 {left: auto}
.col-lg-offset-12 {margin-left: 100%}
.col-lg-offset-11 {margin-left: 91.66666667%}
.col-lg-offset-10 {margin-left: 83.33333333%}
.col-lg-offset-9 {margin-left: 75%}
.col-lg-offset-8 {margin-left: 66.66666667%}
.col-lg-offset-7 {margin-left: 58.33333333%}
.col-lg-offset-6 {margin-left: 50%}
.col-lg-offset-5 {margin-left: 41.66666667%}
.col-lg-offset-4 {margin-left: 33.33333333%}
.col-lg-offset-3 {margin-left: 25%}
.col-lg-offset-2 {margin-left: 16.66666667%}
.col-lg-offset-1 {margin-left: 8.33333333%}
.col-lg-offset-0 {margin-left: 0}
}