.board_wrap {margin-bottom:150px;}
.board_wrap .inner {margin:0 auto; width:1150px;}
.board_wrap ._hd { }
.board_wrap ._hd .tit {height:135px; line-height:135px; text-align:center; font-size:35px; font-weight:bold; border-bottom:1px solid #212e4e;}
.board_wrap .summary {position:relative; margin-bottom:50px; padding:50px 0 0 30px; height:280px; box-sizing:border-box;}
.board_wrap .summary dt {margin-bottom:30px;}
.board_wrap .summary dt p {margin-bottom:3px; font-size:38px;}
.board_wrap .summary dd p {margin-bottom:3px; font-size:17px;}
.board_wrap .summary strong {color:#0977c9;}
.board_wrap .summary .bg {position:absolute; top:0; right:30px; width:510px; height:280px; background:url('/public/images/bg_guide.png') no-repeat;}
.board_wrap .summary .bg_type1 {background-position:-520px -290px;}
.board_wrap .summary .bg_type2 {background-position:-520px -580px;}
.board_wrap .summary .bg_type3 {background-position:-520px -870px;}
.board_wrap .summary .bg_type4 {background-position:0 -870px;}

.board_wrap .curr_tab {display:none;}
.board_wrap .tab {position:relative; display:flex; margin-bottom:50px;}
.board_wrap .tab:after {position:absolute; bottom:0; left:0; right:0; height:2px; content:''; background-color:#0977c9;}
.board_wrap .tab li {position:relative; flex:1; margin-right:-1px; border:2px solid #fafafa; border-bottom:none; background-color:#fafafa;}
.board_wrap .tab a {display:block; height:50px; line-height:50px; text-align:center; font-size:16px;}
.board_wrap .tab a i {font-size:13px;}
.board_wrap .tab li.selected {border-color:#0977c9; z-index:1; background-color:#fff;}
.board_wrap .tab li.selected a {font-weight:bold; color:#0977c9;}

.board_wrap .btn_area {margin-top:10px; width:100%; height:40px;}
.board_wrap .btn_area .btn {float:right; margin-left:10px; padding:0 20px; height:40px; line-height:40px; border-radius:3px; background-color:#0977c9; color:#fff;}
.board_wrap .btn_area .btn_delete {float:left; background-color:#d52841;}
.board_wrap .btn_area .btn_cancel {background-color:#666;}

.board_list table {width:100%; text-align:center;}
.board_list table th,
.board_list table td {padding:20px; border:1px solid #ccc;}
.board_list table th {padding:0; height:50px; background-color:#f0f1f2;}
.board_list table th:first-child,
.board_list table td:first-child {border-left:none;}
.board_list table th:last-child,
.board_list table td:last-child {border-right:none;}
.board_list table.tx_center td {text-align:center;}
.board_list .td_subject {text-align:left;}
.board_list .td_subject a {display:inline-block; vertical-align:middle;}
.board_list .td_subject .thumb {display:inline-block; width:202px; height:150px; margin-right:10px; vertical-align:middle;}

.board_list .td_chk {width:20px;}
.board_list .td_no {width:55px;}
.board_list .td_file {width:50px;}
.board_list .td_date {width:120px;}
.board_list table th,
.board_list table td {border-left:none !important; border-right:none !important; border-color:#e5e5e5 !important; vertical-align:middle;}
.board_list table td a:hover {text-decoration:underline !important;}
.board_list table th {border-top-color:#666 !important;}
.board_list tr.notice td {background-color:#f4f9fe; color:#0977c9;}
.board_list tr.notice td a {color:#0977c9;}
.board_list .pg_wrap {margin-top:20px; text-align:center;}
.board_list .pg_wrap strong,
.board_list .pg_wrap a {display:inline-block; width:45px; height:40px; line-height:40px; border-radius:3px; background-color:#eee; vertical-align:top;}
.board_list .pg_wrap .pg_current {background-color:#0977c9; color:#fff;}
.board_list .pg_wrap .sound_only {display:none !important;}

.board_write .option {margin-bottom:10px;}
.board_write .option:after {display:block; content:''; clear:both;}
.board_write .option input {float:left; width:20px; height:20px;}
.board_write .option label {float:left; padding-left:5px; height:20px; line-height:20px;}
.board_write .form_area .wr_subject {display:block; margin-bottom:10px; padding:0 20px; width:100%; height:50px; line-height:50px; border:1px solid #ccc; box-sizing:border-box;}
.board_write .form_area .wr_subject:focus {border-color:#0977c9;}
.board_write .bo_w_flie {padding:10px; border:1px solid #ccc;}
.board_write .bo_w_flie input {font-size:13px;}
.board_write .file_del {display:block; margin-top:10px; height:20px;}
.board_write .file_del input {float:left; margin:1px 5px 0 0; width:15px; height:15px;}
.board_write .file_del label {float:left; line-height:20px; color:#0977c9;}

.board_view .view_info {position:relative; padding:20px 15px; border-top:2px solid #555; border-bottom:1px solid #999;}
.board_view .view_info .subject {padding-right:230px; line-height:30px; font-size:25px; font-weight:bold;}
.board_view .view_info .info {position:absolute; top:50%; right:15px; margin-top:-15px; font-size:13px; color:#999;}
.board_view .view_info .info span,
.board_view .view_info .info a {float:left; height:30px; line-height:30px;}
.board_view .view_info .info a {color:#0977c9;}
.board_view .view_info .info a:before {float:left; margin:14px 7px; content:''; width:2px; height:2px; background-color:#0977c9;}
.board_view .view_info .info a:first-child:before {display:none;}

.board_view .view_cont {padding:40px 15px; border-bottom:1px solid #999; overflow:hidden;}
.board_view .view_cont img {margin:0 auto;}
.board_view .view_file li {margin-top:20px; padding:15px; height:30px; line-height:30px; background-color:#f4f9fe; border:1px solid #0977c9; color:#0977c9;}
.board_view .view_file li i {float:left; margin-right:10px; font-size:25px; line-height:30px;}
.board_view .view_file a {color:#0977c9;}
.board_view .view_file span {float:right; padding:0 10px; background-color:#0977c9; color:#fff;}
.board_view .view_pn {padding:20px 10px; border-bottom:1px solid #999;}
.board_view .view_pn li {height:20px; line-height:20px;}
.board_view .view_pn li:first-child {margin-bottom:15px;}
.board_view .view_pn .nb_tit {float:left; margin-right:20px; line-height:20px;}
.board_view .view_pn .nb_tit i {margin-right:5px;}
.board_view .view_pn .nb_date {float:right; color:#999;}
.board_view .view_pn a:hover {text-decoration:underline;}
.board_view .btn_list {display:block; margin:30px auto 0 auto; width:70px; height:40px; line-height:40px; text-align:center; border-radius:3px; background-color:#0977c9; color:#fff;}


.faq_sch {padding:50px; border:1px solid #d1e0e8; text-align:center; background-color:#f4f9fe;}
.faq_sch span {display:inline-block; margin-right:20px; height:50px; line-height:50px; font-size:17px; vertical-align:top;}
.faq_sch .inputbox {display:inline-block; padding:0 20px; width:300px; height:50px; border:1px solid #0977c9; box-sizing:border-box; vertical-align:top; color:#0977c9;}
.faq_sch .btn_submit {display:inline-block; padding:0 20px; height:50px; line-height:50px; text-align:center; background-color:#0977c9; color:#fff; font-size:17px; vertical-align:top;}
.faq_sch .btn_submit i {margin-right:10px;}

.faq_list {margin:40px 0 30px 0;}
.faq_list ol {border-top:1px solid #666;}
.faq_list li {border-bottom:1px solid #e5e5e5;}
.faq_list .subject {position:relative; box-sizing:border-box;}
.faq_list .subject .ic_q {position:absolute; top:15px; left:20px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%; font-size:20px; background-color:#999; color:#fff;}
.faq_list .subject .ic_up,
.faq_list .subject .ic_down {position:absolute; top:15px; right:20px; height:30px; line-height:30px;}
.faq_list .subject .ic_up {display:none;}
.faq_list .subject a {display:block; padding:15px 65px; height:30px; line-height:30px;}
.faq_list .subject a:hover {text-decoration:underline;}
.faq_list .subject a:after {position:absolute; content:'';}
.faq_list .subject .sch_word {color:#0977c9;}
.faq_list .cont {position:relative; display:none; padding:20px 20px 20px 65px; background-color:#f4f5f7;}
.faq_list .cont .ic_a {position:absolute; top:15px; left:20px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%; font-size:20px; background-color:#999; color:#fff;}
.faq_list li.open .subject .ic_down {display:none;}
.faq_list li.open .subject .ic_up {display:block; color:#0977c9;}
.faq_list li.open .subject .ic_q {background-color:#0977c9;}
.faq_list li.open .subject a,
.faq_list li.open .subject a p {color:#0977c9 !important;}
.faq_list li.open .cont {display:block;}
.faq_list .empty_list {padding:60px 0; border-top:1px solid #666; border-bottom:1px solid #666; text-align:center; color:#666;}
.faq_list .empty_list i {font-size:100px; color:#e5e5e5;}
.faq_list .empty_list p {margin-top:20px; color:#999;}

.faq_area .pg_wrap {margin-top:20px; text-align:center;}
.faq_area .pg_wrap strong,
.faq_area .pg_wrap a {display:inline-block; width:45px; height:40px; line-height:40px; border-radius:3px; background-color:#eee; vertical-align:top;}
.faq_area .pg_wrap .pg_current {background-color:#0977c9; color:#fff;}
.faq_area .pg_wrap .sound_only {display:none !important;}

@media (max-width:700px) {

    .board_wrap {margin-bottom:50px;}
    .board_wrap .inner {width:100%;}
    .board_wrap ._hd .tit {height:100px; line-height:100px; font-size:25px; border-bottom:none;}
    .board_wrap .summary {margin-bottom:10px; padding:20px 15px; height:initial; background-color:#f4f5f7;}
    .board_wrap .summary dt {margin-bottom:20px;}
    .board_wrap .summary dt p {font-size:20px;}
    .board_wrap .summary dd p {font-size:15px;}
    .board_wrap .summary .bg {display:none;}

    .board_wrap .tab_area {position:relative; padding:0 10px; margin-bottom:30px;}
    .board_wrap .curr_tab {display:block; position:relative; padding:0 15px; height:46px; line-height:46px; font-size:16px; border-radius:3px; font-weight:bold; background-color:#0977c9; color:#fff;}
    .board_wrap .curr_tab i {float:right; line-height:46px; font-size:18px;}
    .board_wrap .tab_list {display:none;}
    .board_wrap .tab {flex-direction:column; position:absolute; top:51px; right:10px; left:10px; height:initial; border-radius:3px; background-color:#f4f5f7; z-index:10; overflow:hidden;}
    .board_wrap .tab:after {display:none;}
    .board_wrap .tab li {border:none; background-color:initial;}
    .board_wrap .tab a {padding:0 15px !important; text-align:left; font-size:15px;}
    .board_wrap .tab li.selected {background-color:#0977c9;}
    .board_wrap .tab li.selected a {color:#fff;}

    .board_wrap .btn_area {display:none;}

    .board_list table thead {display:none;}
    .board_list table td {padding:12px;}
    .board_list table tbody tr:first-child td {border-top-color:#666 !important;}
    .board_list .td_no,
    .board_list .td_file,
    .board_list .td_num,
    .board_list .td_date {display:none; width:0; padding:0;}

    .board_list .pg_wrap {padding:0 15px;}
    .board_list .pg_wrap .pg {display:flex; }
    .board_list .pg_wrap .pg strong,
    .board_list .pg_wrap .pg a {flex:1; margin:0 2px;}
    .board_list .pg_wrap .pg_start,
    .board_list .pg_wrap .pg_end {display:none;}
    .board_list .pg_wrap strong, .board_list .pg_wrap a {background-color:#eee;}

    .board_list .td_subject a {width:100%;}
    .board_list .td_subject .thumb {display:block; margin:0 0 10px 0; width:100%; height:100%;}

    .board_view .view_info .subject {padding:0;}
    .board_view .view_cont img {max-width:100%;}
    .board_view .view_info .info {display:none;}
    .board_view .view_file {padding:0 10px;}

    .faq_sch {margin:0; padding:5px 20px 20px 20px; border-right:none; border-left:none;}
    .faq_sch span {display:block; margin:0;}
    .faq_sch .inputbox,
    .faq_sch .btn_submit {display:block; width:100%; height:45px; line-height:45px;}
    .faq_sch .btn_submit {margin-top:5px;}

    .faq_list .subject .ic_q {top:12px; left:15px; width:25px; height:25px; line-height:25px; font-size:15px;}
    .faq_list .subject a {padding-left:50px; height:initial; line-height:19px;}
    .faq_list .cont .ic_a {top:12px; left:15px; width:25px; height:25px; line-height:25px; font-size:15px;}
    .faq_list .cont {padding-left:50px;}
    .faq_list .cont img {max-width:100%;}

}