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


.board_wrap {clear:both; position:relative; padding-top:10px;}
.board_cont {padding:5px 0 0 0; clear:both;}

.brd_search {border:1px solid #999; background:#e9e9e9; width:100%; display:block; clear:both; position:relative; overflow:hidden; margin:15px 0; padding:10px 20px; vertical-align: top;}
.brd_search .brd_count {float:left; font-size:14px; padding-top:10px;}
.brd_search .brd_count strong {font-weight:800;}
.brd_search .brdsear_wrap {float:right;}
.brd_search .brd_left {float:left; width:50%; font-size:14px;}
.brd_search .brd_right {float:right; width:50%;}
.brd_search .brdsear_wrap label::befor {display:none;}


.board_list {border-top:3px solid #6a79aa; width:100%; text-align:center; border-bottom:1px solid #8e8e8e;}
.board_list > thead > tr > th {border-bottom:1px dotted #6a79aa; color:#0c6ba2; padding:15px 0;}
.board_list thead tr.thEtc th {background:#f2f2f2; border-right:1px solid #dfdfdf;}
.board_list thead tr.thEtc th:first-child {border-left:1px solid #dfdfdf;}
.board_list thead tr th.thEtc {border-left:1px solid #333; border-right:1px solid #333;}
.board_list tbody tr td {padding:15px 0; border-bottom:1px solid #dfdfdf;}
.board_list > tbody > tr:last-child > td {border-bottom:0;}
.board_list tbody tr:hover td, .board_list tbody tr:focus td {background:#f2f2f2;}
.board_list tbody tr td.tdLeft {text-align:left; padding-left:10px;}
.board_list tbody tr:hover td a, .board_list tbody tr:hover td a {color:#1e7cdb; text-decoration:underline;}
.board_list tbody tr.brd_noti td {color:#555; font-weight:800; background-color:#f9f9f9;}
.board_list tbody tr.brd_noti:hover td {background:#f2f2f2;}
.board_list tbody td .btn {color:#fff !important;  padding-bottom:10px;}
.board_list tbody td .btn:focus,.board_list tbody td .btn:hover {text-decoration: underline !important;}
.board_list > tbody > tr:last-child > td {border-bottom:0;}
.board_result {background:#f9efdd; border:1px solid #c69943; margin-top:30px; padding:10px 5px;}
.board_list tbody tr:first-child th {
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    }
.board_list tbody tr th {
    border-right: 1px solid #dfdfdf;
    }


.page_wrap {padding:20px 0; text-align:center; display:block;}
.page_wrap .paging a {display:inline-block; width:28px; height:28px; border:1px solid #848484; color:#555; vertical-align: top; line-height:2.4; font-size:12px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.page_wrap .paging a.on {background:#3c417e !important; border:0 !important; color:#fff !important; margin-right:5px; text-decoration: underline;}
.page_wrap .paging a:hover, .page_wrap .paging a:focus {background:#f2f2f2; color:#333; font-weight:600; border:1px solid #303249; text-decoration: underline;}
.page_wrap .paging span {text-indent:-999px; overflow:hidden; display:block; background:url("../images/page_ico.png")no-repeat; cursor:pointer;}
.page_wrap .paging span.first_ico {background-position:-1px -1px;}
.page_wrap .paging span.last_ico {background-position:-94px -1px;}
.page_wrap .paging span.prev_ico {background-position:-31px -1px;}
.page_wrap .paging span.next_ico {background-position:-61px -1px;}
.page_wrap .paging a:hover span.first_ico, .page_wrap .paging a:focus span.first_ico{background-position:-1px -30px;}
.page_wrap .paging a:hover span.last_ico, .page_wrap .paging a:focus span.last_ico {background-position:-94px -30px;}
.page_wrap .paging a:hover span.prev_ico, .page_wrap .paging a:focus span.prev_ico {background-position:-31px -30px;}
.page_wrap .paging a:hover span.next_ico, .page_wrap .paging a:focus span.next_ico {background-position:-61px -30px;}

.faq_wrap {clear:both;border-top:1px solid #333; margin-top:20px;}
.faq_wrap .faq_qustion {display:block; width:100%; clear:both; text-align:left; font-size:15px; padding:8px 0;}
.faq_wrap .faq_qustion .q_ico {width:33px; height:33px; display:inline-block; text-align:center; background:#fff; border:1px solid #333; border-radius:30px; font-weight:900; line-height:2.4; font-size:14px; margin:0 15px 0 10px; vertical-align: top;}
.faq_wrap .faq_qustion .q_cont {width:80%; display:inline-block; padding:7px 0 0 0;}
.faq_wrap .faq_qustion .q_btn {float:right; border:1px solid #333; padding:7px 20px; display:inline-block; border-radius:2px; font-size:11px; background:#fff; margin-right:10px;}
.faq_wrap .faq_qustion .q_btn:after {content:"답변보기 \002B"; font-size:12px; vertical-align:middle;}

.faq_wrap .faq_qustion:hover, .faq_wrap .faq_qustion:focus {background:#f2f2f2;}
.faq_wrap .faq_answer {border-bottom:1px solid #c2c2c2; background:#f6f6f6; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; }
.faq_wrap .faq_answer .anw_ico {width:33px; height:33px; display:inline-block; text-align:center; background:#ff9c00; border:0; border-radius:30px; font-weight:900; line-height:2.4; font-size:14px; color:#fff; float:left;  margin:10px 10px 0 10px;}
.faq_wrap .faq_answer .anw_cont {padding:10px 0 10px 10px; width:85%; float:left; display:block;}

.faq_wrap .active {background:#fff;  border-bottom:1px dotted #c2c2c2;}
.faq_wrap .active .q_ico {width:33px; height:33px; display:inline-block; text-align:center; background:#3295d4; border-radius:30px; font-weight:900; line-height:2.4; font-size:14px; margin:0 15px 0 10px; color:#fff; border:0; }
.faq_wrap .active .q_btn  {float:right; border:1px solid #3295d4; padding:7px 20px; display:inline-block; border-radius:2px; font-size:11px; background:#f2f2f2; margin-right:10px;}
.faq_wrap .active .q_btn:after {content:"답변닫기 \2212";}

#sub_content .faqTab button { padding:15px 30px;}
.board_edit {width:100%; clear:both; border-collapse:inherit; text-align:left; border-top:2px solid #333; border-bottom:1px solid #cdcdcd;}
.board_edit thead th {background:#f2f2f2; padding:10px 0 10px 0; font-size:15px; text-align:center; border-bottom:1px solid #dfdfdf;  }
.board_edit tbody th {background:#f2f2f2; padding:5px 5px 5px 0; font-size:15px; border-bottom:1px solid #dfdfdf;text-align:center;}
.board_edit tbody th:first-child {border-left:0;}
.board_edit tbody td {background:#fff; padding:10px 10px; font-size:14px; border-bottom:1px solid #dfdfdf; border-right:1px solid #ddd; }
.board_edit tbody td:last-child {border-right:0;}
.board_edit tbody tr:last-child th {border-bottom:0;}
.board_edit tbody td ul li {display:inline-block; margin:0; padding:0 10px 0 0; background:none;}

.board_view {width:100%; clear:both; border-collapse:inherit; text-align:left; border-top:2px solid #333; }
.board_view tbody th {background:#f2f2f2; padding:5px 5px 5px 30px; font-size:15px; border-bottom:1px solid #dfdfdf; }
.board_view tbody th:first-child {border-left:0;}
.board_view tbody td {background:#fff; padding:10px 10px; font-size:14px; border-bottom:1px solid #dfdfdf; border-right:1px solid #ddd; }
.board_view tbody td:last-child {border-right:0;}
.board_view tbody tr:last-child th {border-bottom:0; border-right:0;}
.board_view tbody td ul li {display:inline-block; margin:0; padding:0 10px 0 0; background:none;}
.board_btn {text-align:center; padding:15px 0; clear:both; overflow:hidden;}
.board_btn ul {padding:0;}
.board_btn ul li {background:none; margin:0; padding:0; display:inline-block;}

.board_view {clear:both; margin:20px 0; overflow:hidden; }
.board_view .board_top {border-top:1px solid #333; border-bottom:1px solid #898989; overflow:hidden; clear:both; display:block; background:#f8f8f8;}
.board_view .board_top h2 {font-size:18px; color:#333; padding:15px 20px; font-weight:normal;display:block; background:none; margin:0; border-bottom:1px solid #dfdfdf;}
.board_view .board_top .board_info {clear:both; padding:0;}
.board_view .board_top .board_info li {margin-left:5px; color:#707070;  font-size:13px; display:inline-block; float:left; line-height:1.6; position:relative; padding:5px 0 5px 25px;}
.board_view .board_top .board_info li::before {content:""; display:inline-block; position:absolute; width:5px; height:2px; background:#515255; top:12px; left:18px;}
.board_view .board_top .board_info li strong {font-weight:normal; color:#333;}
.board_view .board_top .board_info li.attach_li {clear:both;display:inline-block; width:100%; border-top:1px solid #dfdfdf; }
.board_view .board_top .board_info li.attach_li strong {display:block; float:left;}
.board_view .board_top .board_info li.attach_li ul {float:left; display:block; width:70%; }
.board_view .board_top .board_info li.attach_li li {position:relative; font-size:11px;  width:auto; padding-top:0; background:url("../images/down_ico.png") no-repeat; padding:0 20px 0 15px;}
.board_view .board_top .board_info li.attach_li li::before {display:none;}
.board_view .board_top .board_info li.attach_li li span {color:#888888; font-size:12px;}
.board_view .board_top .board_info li.attach_li li a {font-size:13px; color:#555;}
.board_view .board_top .board_info li.attach_li li a:hover, .board_view .board_top .board_info li.attach_li li a:focus {color:#3295d4; text-decoration: underline;}

.board_cnt {padding:10px 20px; overflow:hidden; line-height:1.7;  border-bottom:1px solid #898989; min-height:200px;}


.board_smallList ul li {padding:10px 10px; border-bottom:1px solid #dfdfdf; font-size:12.5px; color:#555; background:none; }
.board_smallList ul li  strong {display:inline-block; width:10%; text-align:center; color:#333; font-size:13px;}
.board_smallList ul li a {color:#444;}
.board_smallList ul li a:hover, .board_smallList li a:focus {text-decoration:underline;}
.board_smallList ul li strong {position:relative;}
.board_smallList ul li:first-child strong::before  {content:"";width:9px; height:9px; background-color:transparent; margin-top:-6px; border-top:2px solid #333; border-right:2px solid #333; position:absolute; top:15px; right:auto; bottom:auto; left:5px;transform:rotate(315deg); -moz-transform:rotate(315deg); -ms-transform:rotate(315deg); -o-transform:rotate(315deg); -webkit-transform:rotate(315deg);}
.board_smallList ul li:last-child strong::before{content:"";width:9px; height:9px; background-color:transparent; margin-top:-6px; border-top:2px solid #333; border-right:2px solid #333; position:absolute; top:8px; right:auto; bottom:auto; left:5px;transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg);}


.topBtn {clear:both; overflow:hidden; padding:10px 0; }
.topBtn ul li {display:inline-block; float:left; padding-left:5px;}

/* 앨범형 게시판 */
.gallery_list {clear:both; width:100%;}
.gallery_list li {display:inline-block; position:relative; width:100%; background:#fff; border:1px solid #dfdfdf; padding:8px; overflow:hidden; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow:0px 0px 5px rgba(92, 92, 92, .3); -webkit-box-shadow:0px 0px 5px rgba(92, 92, 92, .3); -moz-box-shadow:0px 0px 5px rgba(92, 92, 92, .3); margin-bottom:10px;}

.gallery_list li a {display:block; overflow:hidden; color:#555;}
.gallery_list li a img {display:inline-block; float:left; width:140px; height:100px; margin-right:20px; }
.gallery_list li a span {display:inline; float:left; width:80%;}
.gallery_list li:hover, .gallery_list li:focus {border:1px solid #6b81d6;}
.gallery_list li:hover a .gal_tit, .gallery_list li:focus a .gal_tit {color:#2f4495;}
.gallery_list li .gal_tit {font-size:16px; padding-top:10px; line-height:16px; font-weight:700; padding-bottom:10px;}
.gallery_list li .gal_cnt {font-size:14px; line-height:17px; height:70px;}
.gallery_list li .gal_count {font-size:12px;  position:absolute; top:10px; right:180px;}
.gallery_list li .gal_date {font-size:12px; position:absolute; top:10px; right:20px;}



/*설문조사*/
.modal-backdrop {position:absolute; top:0; left:0; right:0; height:100%; background:#000; display:none; z-index:1;}
.modal-backdrop.in {opacity:0.3;}
.survey_popup {background:#fff; left:0; top:0; display:block; z-index:2;/*  border:1px solid #000; */}
.survey-tit {background:#0c1332; overflow:hidden; padding:10px 20px;  clear:both;}
.survey-tit h2 {color:#fff; font-size:15px; float:left;}
.survey-tit .survey_close {float:right; color:#fff;}
.survey_top {background:#f2f2f2; overflow:hidden; padding:20px 30px;}

.survey_cnt {clear:both; padding:30px;}
.survey_stit1 {background:url("../images/survey_ico1.png") 0 1px no-repeat; font-size:16px; color:#262626; padding:0 0 18px 25px; line-height:1.6; display:block;}
.survey_stit2  {background:url("../images/survey_ico2.png") 5px 8px no-repeat; font-size:16px; color:#262626; padding:0 0 10px 25px; line-height:1.6; display:block;}
.survey_summary {display:block; background:#fff; border:1px solid #43d1e5; word-break:keep-all; font-size:14px; padding:20px; line-height:1.5;}
.survey_list {overflow:hidden; clear:both; padding:0 10px 10px 10px; border-bottom:1px dotted #a6a6a6; }
.survey_list > li {display:block; padding:0 0 16px 0; }
.survey_list > li > strong {color:#007585; font-size:15px;}
.survey_list > li > ul {padding-left:10px;}
.survey_list > li > ul > li {padding-bottom:10px;}
.answer_list {padding:5px 0 0 5px;}
.answer_list > li {display:inline-block; padding-right:11px;}
.answer_list > li > label {display:block; padding:2px 10px 2px 2px; line-height:1.5; font-size:14px; color:#737373;}
.answer_list > li > label:hover,.answer_list > li > label:active,.answer_list > li > label:focus {background:#ffc467;}
.answer_list > li.checked > label {background:#ffc467; color:#000;}
.survey_text {padding:10px 0 10px 0; clear:both;}
.survey_content {height:120px; border:1px solid #767676;}
.btn_wrap {width:100%; clear:both; text-align:center;}

.answer_type1 {clear:both; overflow:hidden;  margin-top:10px; padding:5px; display:block;}
.answer_type1 .type_item1 {display:block; float:left; font-size:14px;  border-radius:2px; padding:2px; margin:30px 15px 0 0;}
.answer_type1 .type_item2 {display:block; float:left; font-size:14px; border-radius:2px; padding:2px; margin:30px 0 0 15px;}
.answer_type1 > ol > li {display:inline-block; float:left; padding:0 10px; font-size:10px; font-weight:600; width:30px;}
.answer_type1 > ol > li > label > span {display:block; padding:5px 0;}
.answer_type1 > ol > li > label {width:30px; margin:0; padding:0;display:inline-block; float:left; text-align:center;}
.answer_type1 > ol > li > label:hover, .answer_type1 > ol > li > label:focus {background:#ffc467; margin:0; padding:0;}